/* -----------------------------------

Projekt: panel administracyjny
webmaster: Maciej Szelezin

------------------------------------- */

/* Czyszczenie stylów */
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td {border:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}

/* Layout */
body {background: #000000 url('../../image/Admin/backgroundBody.gif') no-repeat scroll center top;	font-family: tahoma, verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#505052; margin:10px;}
.cb {clear:both;}
a {
	color:#4182AB;
	text-decoration:none;
}
h1 {
	font-size:21px;
	font-weight:normal;
}

h2 {
	font-size: 12px;
}
h3 {
	font-size:18px;
	font-weight:normal;
}

.none {
	display: none;
}

/* NAGLOWEK PANELU 	ADMINISTRACYJNEGO */
div.titleHeader {width: 100%;	font-size: 20px; color: #6eb6df; margin-bottom:10px;}
div.titleHeader img {vertical-align: middle;}
div.titleHeader a {color: #6eb6df; text-decoration:none;}
div.titleHeader a:hover { text-decoration:none;}

/* GLOWNA RAMKA */
div.mainContentFrame {background-color:#ccdef3;	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:10px;}
div.mainContentFrameLogin { background-color:#ccdef3;	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:10px; width:500px; margin:0 auto;}


/* 	ZAKLADKI MENU GLOWNEGO */
ul.tabs {margin-top: 10px; padding-left: 10px;	list-style: none;	height:20px;}
ul.tabs li {float: left;}
ul.tabs li a {width: 130px; height: 20px;	color:#ffffff; text-decoration: none; font-weight: normal; font-size: 11px;	background-color:transparent;	text-align: center;	display: block; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-right:1px; line-height: 20px;}
ul.tabs li a:hover {background-color:#666f7a; display: block; }
ul.tabs a.selected {width: 130px; height: 20px;	color:#333333; font-weight:bold; text-decoration: none; font-size: 11px;	background-color:#ccdef3;	text-align: center;	display: block; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-right:1px; line-height: 20px; 
background:
	-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.50, rgb(204,222,243)),
    color-stop(0.89, rgb(255,255,255))
);
background:
-moz-linear-gradient(
    center bottom,
    rgb(204,222,243) 50%,
    rgb(255,255,255) 89%
);


}
ul.tabs a.selected:hover {width: 130px; height: 20px;	color:#333333; font-weight:bold; text-decoration: none; font-size: 11px;	background-color:#ccdef3;	text-align: center;	display: block; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-right:1px; line-height: 20px;}


/* MENU BOCZNE */
.sideMenuContainer {float: left;	width: 300px;  border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:0px; border:1px solid #cccccc; background-color:#ffffff; margin-right:10px;} 
.sideMenu {background:#ffffff;	margin:10px; border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; }
.sideMenuIcons {  padding:10px;}
.sideMenuIcons a { border-right:1px dotted #cccccc; padding-right: 5px;}

.section { margin:10px; }
.section ul {list-style-type:none;}
.section ul li a { color:#666666; text-decoration:none; padding:4px 35px; display:block;}
.section ul li.sub { margin-left: 20px; }
.section ul li a:hover { color:#666666; text-decoration:none; padding:4px 35px; display:block; background-color:#eeeeee;}
.section ul li a.active { border:1px solid #b5c3fe; background-color:#dee4fe; font-weight:bold; border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;}
.section ul li a.nonactive { color: #ff5b02;}
.sideMenu h2 { font-size:14px; font-weight:normal;  padding: 5px 10px;

/* background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(226,226,226)), color-stop(0.63, rgb(255,255,255)));
background:-moz-linear-gradient(center bottom, rgb(226,226,226) 10%, rgb(255,255,255) 63%); border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
*/
box-shadow:inset 0px -10px 20px #e4e4e4; -webkit-box-shadow: inset 0px -10px 20px #e4e4e4; -moz-box-shadow: inset 0px -10px 20px #e4e4e4; -o-box-shadow: inset 0px -10px 20px #e4e4e4;
}
.sideMenu h2 a { text-decoration:none; color:#666666;}
.sideMenu h2 img { margin-right:5px;}

.mainContent {
	margin:0;
	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:0px; border:1px solid #cccccc; background-color:#ffffff;
	padding:10px;
	overflow: hidden;
}

.mainContentLogin {
	margin:0 auto;
	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:0px; border:1px solid #cccccc; background-color:#ffffff;
	padding:10px;
}
.mainOptions {
	background:#ffffff; border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;
	margin-top:10px;
	float: left;
	width:100%;

}
.mainOptions h2 {
	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:0px; background-color:#ffffff;
	padding:5px 10px;
	/* background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(226,226,226)), color-stop(0.63, rgb(255,255,255)));
background:-moz-linear-gradient(center bottom, rgb(226,226,226) 10%, rgb(255,255,255) 63%); border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
*/
box-shadow:inset 0px -10px 20px #e4e4e4; -webkit-box-shadow: inset 0px -10px 20px #e4e4e4; -moz-box-shadow: inset 0px -10px 20px #e4e4e4; -o-box-shadow: inset 0px -10px 20px #e4e4e4;
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;

}
.mainOptions h2 a {
	text-decoration:none;
	color:#666666;
}
.optionContent {
	padding:10px;
}
table.loginTable {
	width:250px;
	margin:0 auto;
}
table.loginTable,table.loginTable td  {
	border:none;
}
table.loginTable tr:nth-child(odd), th:nth-child(odd) {
	background-color:transparent;
}

table.loginTable tr:hover {
	background:transparent;
}
table.commonTable {
	border: none;
	margin-bottom:10px;
}
tr:nth-child(odd), th:nth-child(odd) {
	background-color:#f7f7f7;
}
table.commonTable tr:nth-child(odd) th {
	background-color:#f7f7f7;
}
table.commonTable tr:nth-child(even) th {
	background-color:#fff;
}


table.commonTable th {
	background-color: #ffffff;
	text-align:right;
	width:5%;	
	white-space:nowrap;
	border-bottom:1px solid #dddddd;
	padding-right:10px;
	border-right:1px solid #dddddd;

}
.commonTable tr:nth-child(odd):hover {
		background:#f7f7f7;
}
.commonTable tr:nth-child(even):hover {
		background:#fff;
}

table.commonTable tr td {
	border-bottom:1px solid #dddddd;
	padding:4px;
	vertical-align:middle;
	padding-left:10px;
}
table.commonTable tr:nth-last-child(-n+1) td, table.commonTable tr:nth-last-child(-n+1) th {
	border-bottom:none;
}
.commonTable td {
	padding:2px 6px; border:0px solid #eeeeee; border-width:0 0px 0px 0;
	vertical-align: top;
}

input[type=text], textarea {
	width: 90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
select {
	width:225px;
}
select.tiny {
	width:50px;
	font-size:11px;
	
}
input[type=text].tiny, input[type=password].tiny
{
	width:50px;
}
input[type=text].small, select.small, input[type=password].small {
	width:150px;
}

input[type=text].medium, input[type=password].medium {
	width:220px;
}
input[type=text].long, input[type=password].long {
	width:300px;
}

input[type=radio], input[type=checkbox] {
	width: none;
	margin-top:8px;
	margin-right:6px;
}
input[type=submit], input[type=button]  {
	padding:5px 15px;
	color:#fff;
	background:#666666;
	border:none;
	box-shadow:inset 0px -10px 20px #000; -webkit-box-shadow: inset 0px -10px 20px #000; -moz-box-shadow: inset 0px -10px 20px #000; -o-box-shadow: inset 0px -10px 20px #000;
	border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;
	margin-left: 5px;
	cursor:pointer;
}
input.cancel {
	border:1px solid #ccc;
	color:#666;
	background:#fff;
	box-shadow:inset 0px -10px 20px #eee; -webkit-box-shadow: inset 0px -10px 20px #eee; -moz-box-shadow: inset 0px -10px 20px #eee; -o-box-shadow: inset 0px -10px 20px #eee;
	border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;
}
input.cancel[type=button]:hover {
		background:#fff;
		box-shadow:inset 0px -10px 20px #999; -webkit-box-shadow: inset 0px -10px 20px #ccc; -moz-box-shadow: inset 0px -10px 20px #ccc; -o-box-shadow: inset 0px -10px 20px #ccc;
}
input[type=submit]:hover, input[type=button]:hover {
		background:#999999;
		box-shadow:inset 0px -10px 20px #333333; -webkit-box-shadow: inset 0px -10px 20px #333333; -moz-box-shadow: inset 0px -10px 20px #333333; -o-box-shadow: inset 0px -10px 20px #333333;
}
input.date {
	width:150px;
}

.mainContent table th {
	background-color: #ededed;
	padding:10px;
	text-align:left;
	color:#333333;
	border-left:1px solid #ffffff;
}

table th a {
	text-decoration:none;
	color:#193341;
}
table {
	width:100%;
}
table td {
	padding:10px;
	border:1px solid #dddddd; border-width:0 1px 1px 0;
}
table tr:hover {
	background-color:#f6f4cd;
	}
	
tr.selAllRow {
	background:transparent;
	border:none;
}
tr.selAllRow:hover {
	background-color: transparent;
}
tr.selAllRow td {
		border:none;
		border-bottom: 1px solid #dddddd;
}
tr.selAllRow .cornerTop {
	background: transparent url('../../image/Admin/CornerTop.gif') no-repeat scroll 16px 17px;
	border:none;
}
.mainContent tr.selAllRow .cornerBottom {
	background: transparent url('../../image/Admin/CornerBottom.gif') no-repeat scroll 16px -6px;
	border:none;
}
.mainContent tr.selAllRow td {
	border-bottom:none;
}
tr.selAllRow a {
	font-weight: bold;
	margin-right:10px; 
	padding-right:10px;
	border-right: 1px solid #ccc;
}
tr.selAllRow a:nth-last-child(-n+1) {
	border:none;
}
table td.selAll {
	width:14px;
	background: #ffffff url('../../image/Admin/sellAllBg.gif') repeat-y scroll 10px top;
	border-bottom:none;
}

td.selAll input[type=checkbox] {
	margin:0;
}
div.sort {
	width: 6px;
	height:12px;
	float:right;
	position:relative;
}
.sort a.ascending {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/up.gif') no-repeat scroll 0 0;
	position:absolute;
	top:0;
}
.sort a.descending {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/down.gif') no-repeat scroll 0 0;
	position:absolute;
	bottom:0;
}
.sort a.ascendingAct {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/up_act.gif') no-repeat scroll 0 0;
	position:absolute;
	top:0;
}
.sort a.descendingAct {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/down_act.gif') no-repeat scroll 0 0;
	position:absolute;
	bottom:0;
}


.sort img {
	margin-bottom:2px;
}
.validate {
	color:#cc0000;
	font-size:11px;
	background:transparent url('../../image/Admin/validation.gif') no-repeat scroll left top;
	line-height:15px;
	padding-left:20px;
	margin-top: 5px;
}
h2.slidingTab {
	cursor:pointer;
}
h2.slidingTab a.expand {
	padding-left:10px;
	background:transparent url('../../image/Admin/expand.gif') no-repeat scroll left 3px;
}
h2.slidingTab a.colapse {
	padding-left:10px;
	background:transparent url('../../image/Admin/colapse.gif') no-repeat scroll left 3px;
}
.add {
	padding-left:20px;
	background:transparent url('../../image/Admin/add.gif') no-repeat scroll left -2px;
	position:relative;
	height:1px;
}
.searchBox {
	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding:10px 20px; margin-bottom: 10px;
}
.searchBoxFilters {
	box-shadow:inset 0px -10px 30px #eee; -webkit-box-shadow: inset 0px -10px 30px #eee; -moz-box-shadow: inset 0px -10px 30px #eee; -o-box-shadow: inset 0px -10px 30px #eee;

	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding:10px 20px; margin-bottom: 10px;
	margin-top:10px;
	padding-bottom:20px;

}
.searchBoxFilters h4 {
	margin-bottom: 10px;
	float:left;width:100%;
	
}
.searchBoxFilters h4 a {
	float:right;
	text-decoration:none;
	color:#333;
	box-shadow: none; -moz-box-shadow:none;
	border:none;
	background:transparent;
	
}
.searchBoxFilters h4 a span {
	border:1px solid #666;
	padding:0px 2px;
	font-size:10px;
}
.searchBoxFilters a {
	padding:5px;
	background-color: #999999;
	box-shadow:inset 0px -10px 30px #666; -webkit-box-shadow: inset 0px -10px 30px #666; -moz-box-shadow: inset 0px -10px 30px #666; -o-box-shadow: inset 0px -10px 30px #666;
	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	color:#fff;
	text-decoration:none;
}
.searchBoxFilters a span {
	font-weight: bold;
	font-size:9px;
	border:1px solid #999;
	padding:0 2px;
	position:relative;
	bottom:1px;
	margin-right:3px;
	
}
.searchBox table {
	margin-top: 10px;
}
.searchBox table.commonTable td, .searchBox table.commonTable th{
	vertical-align:top;
}

.searchBox table tr:hover, .searchBox table.commonTable tr:hover  {background-color: transparent;}
.searchBox tr:nth-child(odd), th:nth-child(odd) {
	background-color: transparent;
}
.searchBox table.commonTable tr:nth-child(odd) th {
	background-color:#EDEDED;
}
.searchBox table.commonTable tr:nth-child(even) th {
	background-color:#F7F7F7;
}

.noSort .sort{
	visibility:hidden;
	
}
a.edit {
	background: transparent url('../../image/Admin/edit.gif') no-repeat scroll left top;
	padding: 2px 10px 2px 20px;
}
a.read {
	background: transparent url('../../image/Admin/read.gif') no-repeat scroll left -1px;
	padding: 3px 10px 3px 20px;
}
a.linked {
	background: transparent url('../../image/Admin/iconType03.gif') no-repeat scroll left 5px;
	padding: 3px 10px 3px 20px;
}
a.delete {
	background: transparent url('../../image/Admin/delete.gif') no-repeat scroll left top;
	padding: 2px 10px 2px 20px;
}

table.pictures th {
	vertical-align:top;
	white-space:nowrap;
	width:10%;
}
table.pictures td {
	vertical-align:top;
} 
table.pictures tr:hover{
	background:transparent;
}

.pager {
	float:right;
	color:#777;
	margin-top:10px;
	
} 
tr.selAllRow .pager a {
	padding-right:5px;
	padding-left:5px;
	font-weight:normal;
	margin-right: 2px;
}
tr.selAllRow .pager a.active {
	font-weight:bold;
}
.pager a {
	border: 1px solid #ccc; 
	font-size:11px;
	font-weight:normal;
	padding: 2px 5px; 
	margin-right: 2px;
	margin-left: 2px;
	color:#777;

} 
.pager a.active {
	background-color: #ccc;
	color:#fff;
	font-weight:bold;
}
.pager a.prvnext {
	border:none;
}
.pager a.prvnext:hover {
	text-decoration:underline;
}
.perpage {
	float:right;
	font-size:11px;
	color:#777;
}

.pager .perpage {
	float:right;
	font-size:11px;
	color:#777;
	position:relative;
	bottom:13px;
}


.messageError {
	padding:10px;
	padding-left:35px;
	background: #be7075 url('../../image/Admin/error.gif') no-repeat scroll 4px center;
	color:#ffffff;
	margin-bottom:10px;
	font-weight:bold;
	border:1px #cc0000 dashed;
}
.messageInfo {
	padding:10px;
	padding-left:35px;
	background: #f0eec3 url('../../image/Admin/inf.gif') no-repeat scroll 4px center;
	color:#000000;
	margin-bottom:10px;
	font-weight:normal;
	border:1px #f0cd56 solid;
}
.messageOk {
	padding:10px;
	padding-left:35px;
	background: #a2f78b url('../../image/Admin/ok.gif') no-repeat scroll 4px center;
	color:#000000;
	margin-bottom:10px;
	font-weight:normal;
	border:1px #3abe16 solid;
}
.bigTable {
	font-size:11px;
}
table.bigTable  td {
	padding:4px;
}

div.addBanerForm{
    margin: auto;
    width: 300px;
}
div.addBanerForm input{
    margin-top: 10px;
}

.panelButtons{
    margin-top: 30px;
    text-align: right;
    margin-right: 50px;
}

.iconCatalogy{
    background-image: url("../images/iconCatalogy.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.iconCategoryUnder{
    background-image: url("../images/iconCategoryUnder.gif");
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 3px;
}



ul#configList {
   margin: 2em; 
}
ul#configList li {
   padding-left: 1em; 
   margin-bottom: .5em; 
}