/***************************************************************************************************
 * reset
 **************************************************************************************************/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
body { border:0; line-height:18px; width:100%; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
del { text-decoration:line-through; }
ins { text-decoration:none; }
img { border: 0; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

/***************************************************************************************************
 * global
 **************************************************************************************************/
body { background:#f9f9f9; color:#000; font-family:Vardana,Arial,sans-serif; font-size:12px; }

a { color:#0077cc }
a:hover { color:#ff3300 }

hr { border:0; background:#ddd; color:#ddd; height:1px; }

input,textarea,select { font-family:inherit; font-size:inherit; }

*[contenteditable="true"]:focus { background:#fff; outline:1px solid #0077cc; padding:2px; }

.fl { float:left; }
.fr { float:right; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.center { text-align:center !important; }
.strong { font-weight:bold; }
.small { font-size:90%; }

.icon { vertical-align:middle; }

.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }

.m0 { margin:0 !important; }
.p0 { padding:0 !important; }

.vm { vertical-align:middle; }

#wrapper {  }

#top { border-bottom:2px solid #ccc; padding:20px; position:relative; }

#top #dymek { position:absolute;left:760px;top:40px;text-align:center;padding-top:30px;font-size:10px;color:#766; }

#main { float:left; width:100%; }
#maincolumn { margin-left:220px; }
#content { margin:15px; }
#aside { background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; float:left; margin-left:-100%; padding:10px 15px 0; width:190px; }
#aside li .nav_title { /*background: url(../gfx/title_bg9.gif) 0 -1px repeat-x;*/ /*background: url(../gfx/title_bg11.gif) 0 3px repeat-x;*/  color:#656565; font-weight:bold; padding:4px 4px 5px 4px; display:block; width:180px; font-size:13px; border:1px solid #eee; }
#aside .sub li { padding:2px 0; }
#aside .sub li a { text-decoration:none; }
#aside .sub li a.current { font-weight:bold; }

#footer { border-top:2px solid #ccc; padding:15px; text-align:right; }

/*
.leftNav li {  }
.leftNav li span { font-size:14px; font-weight:bold; }
*/
.leftNav li ul { margin:5px 0 15px 20px; }
/*
.leftNav li ul li a { background:#f1f1f1; border:1px solid #ccc; display:block; margin-bottom:5px; padding:6px; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.leftNav li ul li a.current { background:#ddd; font-weight:bold; }
*/

#topNav { background:#eaeaea; border-top:1px solid #eaeaea; padding:0 15px; }
#topNav li { float:left; }
#topNav li a { display:block; padding:8px 15px; text-decoration:none; }
#topNav li a:hover { background:#CACCC7; }
#topNav li a.current { background:#f9f9f9; font-weight:bold; }


/***************************************************************************************************
 * formularz
 **************************************************************************************************/
.phpform { }
.phpform p { clear:left; margin-bottom:10px; }
.phpform p label { float:left; display:block; padding-top:4px; width:210px; }
.phpform p label.inline { float:none; display:inline; padding:0; width:auto; }
.phpform .text { border:1px solid #aaa; padding:2px; }
.phpform .text:focus { outline:1px solid #0077cc; }
.phpform .form_error { border:1px solid #f00; }
.phpform .form_error:focus { outline:0; }
.phpform input[readonly=readonly], .phpform textarea[readonly=readonly] { background:#f1f1f1; }

.phpform_short { }
.phpform_short p { clear:left; margin-bottom:10px; }
.phpform_short p label { float:left; display:block; padding-top:4px; width:90px; }
.phpform_short p label.inline { float:none; display:inline; padding:0; width:auto; }
.phpform_short .text { border:1px solid #aaa; padding:2px; }
.phpform_short .text:focus { outline:1px solid #0077cc; }
.phpform_short .form_error { border:1px solid #f00; }
.phpform_short .form_error:focus { outline:0; }
.phpform_short input[readonly=readonly], .phpform_short textarea[readonly=readonly] { background:#f1f1f1; }

.submit,.submit2 { background:#FF5D09; color:#fff; border:1px solid #ff3300; font-weight:bold; outline:0; padding:4px 10px; text-decoration:none; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.mr { margin-right:5px;margin-left:5px; }

.submit_little { background:#FF5D09; color:#fff;font-size:9px; border:1px solid #ff3300; font-weight:bold; outline:0; padding:4px 10px; text-decoration:none; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

a.submit { padding:2px 10px; }
.submit:hover,.submit2:hover { background:#ff3300; color:#fff; }
.submit:active,.submit2:active { top:1px; }


/***************************************************************************************************
 * tabele
 **************************************************************************************************/
.tablesorter { margin:0 0 15px; width:100%;  }
.tablesorter.wa { width:auto; }
.tablesorter th { background-color:#CACCC7; border:1px solid #CACCC7; padding:4px; text-align:left; }
.tablesorter td { border:1px solid #CACCC7; padding:4px; vertical-align:top; }
.tablesorter td.short_icon { width:70px; text-align:center; }
.tablesorter td input { border:1px solid #CACCC7; padding:4px;  }
.tablesorter tr.odd td { background-color:#f0f0f0; }
.tablesorter tr.off td { color:#9a9a9a;background-color:#fafafa; }
.tablesorter hr { border:0; border-top:1px dashed #ccc; background:transparent; color:transparent; margin:4px 0; }
/*.tablesorter tr:hover td { background-color:#c2d3df; }*/

/***************************************************************************************************
 * tabele
 **************************************************************************************************/
.orderTable { margin:0 0 15px; width:100%;  }
.orderTable.wa { width:auto; }
.orderTable th { background-color:#CACCC7; border:1px solid #CACCC7; padding:4px; text-align:left; }
.orderTable td { border:1px solid #CACCC7; padding:4px; vertical-align:top; }
.orderTable td input { border:1px solid #CACCC7; padding:4px;  }
.orderTable tr.odd td { background-color:#f0f0f0; }
.orderTable tr.off td { color:#9a9a9a;background-color:#fafafa; }
.orderTable hr { border:0; border-top:1px dashed #ccc; background:transparent; color:transparent; margin:4px 0; }
.orderTable tr:hover td { background-color:#dae4f7; }

.orderTable tr td.notViewed   { color:#fff;background-color:#ae1616; }
.orderTable tr td.notViewed  a  { color:#fff; }
.orderTable td a { text-decoration:none;border-bottom:1px dotted #ccc; }



.border_table { border:1px solid #eee; width:100%; }
.border_table th, .border_table td { border:1px solid #eee; padding:3px; vertical-align:middle; }


/***************************************************************************************************
 * alerty
 **************************************************************************************************/
#alertBox { border-bottom:1px dotted #ccc; color:#FFFFFF; font-size:14px; font-weight:bold; line-height:1.3; margin-bottom:10px; }
#alertBox a { color:#fff; }
.alertBox_green { background-color:#0E9D28; border:2px solid #16451F;  }
.alertBox_red { background-color:#9D0E0E; border:2px solid #451616; }
.alertBox_green, .alertBox_red { margin-bottom:10px; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }


/***************************************************************************************************
 * drzewo
 **************************************************************************************************/
.tree { margin:0 0 15px 0; }
.tree img { vertical-align:middle;  }
.tree .disabled { color:#aaa; }
.tree .strong { font-weight:bold; }
.tree .nonvisible { color:#BDB9B9; }
.tree p { margin-bottom:0 !important; }
.tree .toolbox_node { display:none; }
.tree .toolbox_node img { margin-left:4px; }
.cat_tree { text-decoration:none; color:#000; }
.cat_tree.selected { font-weight:bold; }



/***************************************************************************************************
 * window
 **************************************************************************************************/
.window { background:#fff; border:1px solid #6F7072; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:3px 3px 3px #aaa; -moz-box-shadow:3px 3px 5px #aaa; -webkit-box-shadow:3px 3px 5px #aaa; }
.window h2.title { background:#6F7072; border-bottom:1px solid #ccc; color:#fff; font-size:14px; padding:5px 8px; }
.window .content,.window_right .content,.window_infobox .content { padding:10px; }
.window .content.message { background: url(../gfx/ramkaclass/message.gif);background-repeat:no-repeat; }
.window .content.calendar  { background: url(../gfx/ramkaclass/calendar.jpg);background-repeat:no-repeat; }
.window .content h2,.window_right .content h2 { color:#6F7072; font-size:16px; margin-bottom:15px; }
.window .content h3,.window_right .content h3 { color:#6F7072; font-size:14px; margin-bottom:10px; }

.window_right , .window_infobox { background:#fff; border:1px solid #B2B2B2; margin-bottom:20px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:1px 1px 1px #aaa; -moz-box-shadow:1px 1px 1px #aaa; -webkit-box-shadow:1px 1px 2px #aaa;text-align:left; }

.window_right h2.title { background:#BDBDBD; border-bottom:1px solid #ccc; color:#fff; font-size:14px; padding:5px 8px; }

.window_infobox h2.title { background:#BDBDBD; border-bottom:1px solid #ccc; color:#fff; font-size:14px; padding:5px 8px; }

#cont_left
{
	padding-right:350px;
}
#cont_right
{
	float:right;
	width:330px;
	text-align:left;
}


/***************************************************************************************************
 * loginscreen
 **************************************************************************************************/
#loginscreen { margin-top:150px; text-align:center; }
#loginscreen .window { margin:0 auto; text-align:left; width:300px; }
#loginscreen .phpform p label { width:50px; }


/***************************************************************************************************
 * clearfix
 **************************************************************************************************/
.clear { clear:both; display:block; height:0; line-height:0; width:100%; }
.clearfix:after { clear:both; content:" "; display:block; height:0; font-size:0; visibility:hidden; }
* html .clearfix { zoom:1; }
*:first-child+html .clearfix { zoom:1; }

.ullist
{
	width:170px;
	overflow:hidden;
}

.ullist li
{
	padding:5px;
}
.ullist li a
{
	text-decoration:none;
}
.ullist li.selected
{
	background-color:#fafafa;
	border:1px solid #cacaca;
}
.ullist li.selected a
{
	font-weight:bold;
}
.ullist li.addnew a
{
	color:#ccc;
}
.floatBox
{
	margin:5px;
	padding:5px;
	border:1px solid #cacaca;
	float:left;
}
.floatBox .title
{
	font-weight:bold;
	color:#fff;
	background-color:#666;
	padding:5px;
	margin-bottom:2px;
}

.fileList
{
}
.fileList .onefile
{
	float:left;
	padding:5px;
	margin:5px;
	border:1px solid #ccc;
	background-color:#fafafa;
	width:120px;
	height:130px;
	overflow:hidden;
}
.fileList .fileico
{
	height:70px;
}
.fileList .filename
{
	font-size:10px;
	color:#777;
}


div.time-picker { position:absolute; height:200px; width:5em;/* needed for IE */ overflow:auto; background:#fff; border:1px solid #000; z-index:999; }
div.time-picker-12hours { width:7em;/* needed for IE */ }
div.time-picker ul { list-style-type:none; margin:0; padding:0; }
div.time-picker li { padding:1px; cursor:pointer; } 
div.time-picker li.selected { background:#316AC5; color:#fff; }


.info_box { padding: 20px 20px 20px 75px; border:1px solid #ddd; background:#f5f8fa url(../gfx/icons/messagebox_info.png) 20px 20px no-repeat; min-height:35px; margin-bottom:10px; }
.info_box ul { list-style:square inside; }

.zawCounter { color:#ccc; font-size:11px; }

.advSettings
{
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	background-color:#fafafa;
	margin-top:12px;
}
.advSettings .title
{
	background:url("../gfx/openadv.gif") no-repeat 4px 9px;
	cursor:pointer;
	padding:4px 0 0 20px;
	font-weight:bold;
	font-size:11px;
	color:#989A9C;
}
.advSettings #div_adv { padding-left:10px; display:none; }

ul.right_toolbox li { text-align:center;float:left;width:90px;border:1px solid #eee;padding:2px;margin:2px;height:80px;overflow:hidden; }
ul.right_toolbox li.clearhr { float:none; height:auto; width:100%; margin:0; padding:0; border:0; }
ul.right_toolbox li div {  }
ul.right_toolbox li a { color:#777;text-decoration:none;font-size:11px;line-height:10px; }

.sortable_ul { line-height:1.3; margin-top:10px; }
.sortable_ul > li { background-color:#fff; border:1px solid #eee; margin-bottom:7px;padding:5px; cursor:move; }
.sortable_ul > li.over { background-color:#FAFBEF; }

.zawartoscBOX
{
	border:1px dotted #aaa;margin-bottom:2px;
	background-color:#fff;
}
.edit
{
	border:1px solid #C6D3AC;
	background-color:#F0F4E9;
}
.zawartoscBOX .z_title
{
	font-weight:bold;
	background-color:#eaeaea;
	float:left;
	width:150px;
}
.zawartoscBOX .z_tools
{
	background-color:#eaeaea;
	float:right;
}
.zawartoscBOX .z_content
{
	padding:10px;
}
.zawartoscBOX .z_content p
{
	font-size:10px;
	line-height:12px;
}
.zawartoscBOX .z_content h2
{
	font-size:14px;
}
.zawartoscBOX .z_content ul
{
	list-style:disc;
	margin-left:20px;
}
.zawartoscBOX .z_content ul li
{
font-size:10px;
}
.disable
{
	text-decoration: line-through;
}

.sortable_box {  }
.sortable_box .pebox { border-bottom:1px dotted #ccc; display:block; margin:0 10px 10px 0; padding:5px; }
.sortable_box .pebox .desc { float:left;height:80px; overflow:hidden; margin-bottom:5px; width:240px; }
.sortable_box .pebox .desc .txr { width:220px;height:70px;border:1px solid #ccc;padding:1px;margin:1px;font-size:11px;font-family:Arial; }
.sortable_box .pebox .image { float:left;height:80px; overflow:hidden; margin-bottom:5px; width:160px; }
.sortable_box .pebox .options { float:left;  }

.sortable_box .pebox2 { border:1px dotted #444; display:block; margin:0 10px 10px 0; padding:5px;float:left; }
.sortable_box .pebox2 .image { height:80px; overflow:hidden; margin-bottom:5px; width:160px; }
.sortable_box .pebox2 .options {  }

.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.fl { float:left; }
.fr { float:right; }

.sortable_ul { line-height:1.3; margin-top:10px; }
.sortable_ul > li { border:1px solid #eee; margin-bottom:7px;padding:5px; cursor:move; }

.question_config { padding:20px; background-color:#efefef; }

div.time-picker { position:absolute; height:200px; width:5em;/* needed for IE */ overflow:auto; background:#fff; border:1px solid #000; z-index:999; }
div.time-picker-12hours { width:7em;/* needed for IE */ }
div.time-picker ul { list-style-type:none; margin:0; padding:0; }
div.time-picker li { padding:1px; cursor:pointer; } 
div.time-picker li.selected { background:#316AC5; color:#fff; }


.fileList
{
}
.fileList .onefile
{
	float:left;
	padding:5px;
	margin:5px;
	border:1px solid #ccc;
	background-color:#fafafa;
	width:120px;
	height:130px;
	overflow:hidden;
}
.fileList .fileico
{
	height:70px;
}
.fileList .filename
{
	font-size:10px;
	color:#777;
}
.tree_horizontal ul  { clear:both; }
.tree_horizontal ul li { float:left; }

/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */

/* --------	Top Level --------- */

#primaryNav li {
	width:25%;
}

#primaryNav li ul li {
	width:100% !important;
}

#primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav #home {
	display: block;
	float: none;
	background: #ffffff url('../gfx/slickmap/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
#primaryNav li {
	float: left;
	background: url('../gfx/slickmap/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav li a {
	margin: 0 10px 0 0;
	padding: 5px 0;
	display: block;
	font-size: 10px;
	text-align: center;
	text-decoration:none;
	color: black;	
	background: #c3eafb url('../gfx/slickmap/white-highlight.png') top left repeat-x;
	border: 2px solid #b5d9ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#primaryNav li a:hover {
	background-color: #e2f4fd;
	border-color: #97bdcf;
}
#primaryNav li:last-child {
	background: url('../gfx/slickmap/L1-right.png') center top no-repeat;
}

#primaryNav li a:link:before,
#primaryNav li a:visited:before {
	color: #78a9c0;
}

/* --------	Second Level --------- */

#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url('../gfx/slickmap/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a {
	background-color: #cee3ac;
	border-color: #b8da83;
}
#primaryNav li li a:hover {
	border-color: #94b75f;
	background-color: #e7f1d7;
}
#primaryNav li li:first-child {
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url('../gfx/slickmap/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a:link:before,
#primaryNav li li a:visited:before {
	color: #8faf5c;
}

/* --------	Third Level --------- */

#primaryNav li li ul {
	margin: 10px 0 0 0;
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	background: #ffffff url('../gfx/slickmap/L3-ul-top.png') center top no-repeat;
}
#primaryNav li li li {
	background: url('../gfx/slickmap/L3-center.png') left center no-repeat;
	padding: 5px 0;
}
#primaryNav li li li a {
	background-color: #fff7aa;
	border-color: #e3ca4b;
	font-size: 10px;
	padding: 5px 0;
	width: 80%;
	float: right;
}
#primaryNav li li li a:hover {
	background-color: #fffce5;
	border-color: #d1b62c;
}
#primaryNav li li li:first-child {
	padding: 15px 0 5px 0;
	background: url('../gfx/slickmap/L3-li-top.png') left center no-repeat;
}
#primaryNav li li li:last-child {
	background: url('../gfx/slickmap/L3-bottom.png') left center no-repeat;
}
#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before {
	color: #ccae14;
	font-size: 9px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
		
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}