html, body {
            font: normal 12px verdana;
            margin: 0;
            padding: 0;
            border: 0 none;
            overflow: hidden;
            height: 100%;
        }
        .empty .x-panel-body {
            padding-top:20px;
            text-align:center;
            font-style:italic;
            color: gray;
            font-size:11px;
        }
#the-table { 
  border:1px solid #bbb;
  border-collapse:collapse;
  height: 600px; 
  }
#the-table td,
#the-table th { border:1px solid #ccc;border-collapse:collapse;padding:5px; }
.divU1 {
	font-weight: bold;
	color: black;
	cursor: pointer;
	text-align: center;
	width: 110px;
	margin-top: 0px;
	margin-bottom: 20px;
	border-bottom: 3px solid #99BBE8;
	
}
.divU1-i {
	cursor: pointer;
	text-align: center;
	background-image:url("../images/urlopy.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 64px;
	width: 84px;
	margin-top:0px;	
}
.divU1-o {
  margin-bottom: 10px;
}

.divR1 {
	font-weight: bold;
	color: black;
	cursor: pointer;
	text-align: center;
	width: 110px;
	margin-top: 0px;
	margin-bottom: 20px;
	border-bottom: 3px solid #99BBE8;
	
}
.divR1-i {
	cursor: pointer;
	text-align: center;
	background-image:url("../images/rozliczenie.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 64px;
	width: 84px;
	margin-top:0px;	
}
.divR1-o {
  margin-bottom: 10px;
}

.ikonyU {
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.oSM {
	font-weight: bold;
	color: black;
	cursor: pointer;
	text-align: center;
	width: 110px;
	margin-top: 0px;
	margin-bottom: 20px;
	border-bottom: 3px solid #99BBE8;
	
}
.oSM-i {
	cursor: pointer;
	text-align: center;
	background-image:url("../images/Applications.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 64px;
	width: 84px;
	margin-top:0px;	
}
.oOp {
	font-weight: bold;
	color: black;
	cursor: pointer;
	text-align: center;
	width: 110px;
	margin-top: 0px;
	margin-bottom: 20px;
	border-bottom: 3px solid #99BBE8;
	
}
.oOp-i {
	cursor: pointer;
	text-align: center;
	background-image:url("../images/Applications.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 64px;
	width: 84px;
	margin-top:0px;	
}
#gridU .x-grid3-scroller {
overflow-y: scroll;
overflow-x: hidden;
height: 160px;
}
.hide {
visibility : hidden;
}
 #wrap{ float: right; width: 80%; }
 #content { float: right; width: 50%; }
 #category { float: left; width: 50%; }

#panelRnaglowek {
	height: 35px;
	width: 775px;
	border: 1px solid #99BBE8;
	text-align: center;
}
#panelRinfo{
    width: 615px;
	float:left;
	}
#panelRwGodz{
    width: 120px;
	float:left;
	}
#zapiszMcRok {
	text-align: center;
	height: 30px;
	width: 30px;
	border: 1px solid #99BBE8;
    padding:0px 0px 0px; 
 	line-height: 0;
 	cursor: pointer;
	float:left;
}
#panelR1 {
	border: 1px solid #99BBE8;
	height: 32px;
	width: 100%;
	float:left;
}
#panelR2 {
	text-align: left;

	border: 1px solid #99BBE8;
    padding : 0px;
}
#wIGodz{
    width: 100%;
    float:left;
	}
#panelR2kal {
    text-align: center;
	height: 330px;
	width: 200px;
	border: 1px solid #99BBE8;

	float:left;
}
#ikonyR {
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	height: 28px;
}

#panelRsm {
	height: 330px;
	width: 280px;
	border: 1px solid #99BBE8;
	float:left;
}
#gridRsm .x-grid3-scroller {
overflow-y: scroll;
overflow-x: hidden;
height: 310px;
}
#panelRopis {
	height: 330px;
	width: 280px;
	border: 1px solid #99BBE8;
	float:left;
}
#gridRopis .x-grid3-scroller {
overflow-y: scroll;
overflow-x: hidden;
height: 310px;
}
#wGodz{
    height: 280px;
	width: 200px;
	text-align: left;
	}
#gPotw {
  cursor: pointer;
}
#gNiep {
  cursor: pointer;
}
#gDel {
  cursor: pointer;
}

#dodajR  button.x-btn-text { 
color: red; 
width: 150px;
height: 20px;
font-weight: bold;
font-size:15px;
}


#panelR3 {
	text-align: left;
	height: 160px;
	width: 775px;
	border: 1px solid #99BBE8;
    	padding : 1px;
		float:left;
}
.x-tmpwindow .x-window-mc {
overflow-y: scroll;
}
#gridR .x-grid3-scroller {
overflow-y: scroll;
height: 140px;
}
#gridosm .x-grid3-scroller {
overflow-y: auto;
height: 370px;
}
#gridOp .x-grid3-scroller {
overflow-y: auto;
height: 370px;
}
#panelRnic {
	height: 0px;
	width: 0px;
	visibility: hidden;
}
#login {
	height: 0px;
	width: 0px;
	visibility: hidden;
}
 #panelSM2 {
	text-align: left;
	height: 300px;
	width: 280px;
	border: 0px solid #99BBE8;
  padding : 1px;
	float:left;
}
#panelSM3 {
	text-align: left;
	height: 300px;
	width: 250px;
	border: 0px solid #99BBE8;
  padding : 1px;
	float:left;
}
.ikonySM {
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}
 #panelOp2 {
	text-align: left;
	height: 300px;
	width: 280px;
	border: 0px solid #99BBE8;
  padding : 1px;
	float:left;
}
#panelOp3 {
	text-align: left;
	height: 300px;
	width: 250px;
	border: 0px solid #99BBE8;
  padding : 1px;
	float:left;
}
.ikonyOp {
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}
#zamknijR .x-btn-text {
	font-weight: bold;
}
#ext-gen92, #ext-gen133      {
	font-weight: bold;
}