table {
	border-collapse: collapse;
}

td.border, th.border {
	padding: 0.2em;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}


td.invisible {
	padding: 0.2em;
	border: 0px;
}

thead, tfoot {
	background-color: #DDD;
}


tr.rowodd {

}

tr.roweven {
	background-color: #F2F2F2;
}


.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
    background-image: url(../content_images/sortable.gif);
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(../content_images/up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(../content_images/down.gif);
}
.nosort {
	cursor: default;
}


.urg1, .urg2, .urg3, .urg4, .urg5 {
	padding: 3px;
	text-align: center;
	border: 1px solid #333;
	width: 3em;
}

.urg1 {
	background-color: #FFFACD;
}
.urg2 {
	background-color: #FFD700;
}
.urg3 {
	background-color: Orange;
}
.urg4 {
	background-color: #FF6347;
}
.urg5 {
	background-color: Red;
}

.scroll-table-head {
    width: 675px;
}

.scroll-table-body {
    width: 675px;
    height: 400px;
}
.scroll-table-body td {
	padding-right: 20px;
	overflow: hidden;
}

.tablica_over{
	background: #eee;
}
.tablica_out{
	background: #fff;
}

.spacer{clear:both; height:1px;}

.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
	height:300px;
}
/* ----------- basic ----------- */
#basic{
	border:solid 2px #DEDEDE;
}
#basic h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#basic p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #dedede;
	padding-bottom:10px;
}
#basic label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#basic .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#basic input{
	float:left;
	width:200px;
	margin:2px 0 30px 10px;
}
#basic button{
	clear:both;
	margin-left:150px;
	background:#888888;
	color:#cccccc;
	border:solid 1px #666666;
	font-size:11px;
	font-weight:bold;
	padding:4px 6px;
}


/* ----------- stylized ----------- */
#stylized{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
	height: 180px;
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	float:left;
}
#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#stylized input{
	float:left;
	font-size:12px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:195px;
	margin:2px 0 10px 10px;
}

#stylized select{
	float:left;
	font-size:12px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 10px 10px;
}

#stylized button{
	clear:both;
	margin-left:250px;
	background:#888888;
	color:#cccccc;
	border:solid 1px #666666;
	font-size:11px;
	font-weight:bold;
	padding:4px 6px;
}