#panel {
	position: fixed;
	top: 38px;
	left: 0;
	z-index: 400;
}
#panel div {float:left;clear:both}
#panel div .title {width:35px;height:35px;background-color:#10085E}
#panel div .title:hover i {color:#FEEC00}
#panel div .title i {width:22px;text-align:center;font-size:20px;color:#FFF;margin:6px 0 0 6px}
#panel div .title span {position:absolute;margin:8px 0 0 12px;font-size:14px;font-weight:bold}

#panel .canvas {
	float: left;
	display: block;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 0 0 0 2px;
	padding: 4px;
	display: none;
	background-color: #FFF;
	border-top: #CCC 1px dotted;
	border-right: #CCC 1px dotted;
	border-bottom: #CCC 1px dotted;
	box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.3);
}

.pripomienky {max-height:250px}
.odchodyprichody {max-height:250px}
.udalosti {max-height:250px}
.notifikacie, .ziadosti {max-height:400px}
.notifikacie #obsah .item, .ziadosti #obsah .item, .pripomienky #obsah .item {display:block;width:100%;padding:0 0 2px 0;margin:0 0 5px 0;border-bottom:#666 1px solid;border-color:#FFFFFF #D6D6D6 #D6D6D6 #EFEFEF;}
.notifikacie #obsah .item .from, .ziadosti #obsah .item .from, .pripomienky #obsah .item .from {font-family:Tahoma;width:345px;font-weight:bold;font-size:14px;color:#201394;margin:0 0 3px 0;padding:0 0 0 5px}
.notifikacie #obsah .item .sub, .ziadosti #obsah .item .sub, .pripomienky #obsah .item .sub {width:345px;font-weight:bold;font-size:12px;margin:0 0 2px 0;padding:4px 5px 4px 5px;color:#FFF;background: rgba(32,19,148,1);background: -moz-linear-gradient(top, rgba(32,19,148,1) 0%, rgba(16,7,93,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,19,148,1)), color-stop(100%, rgba(16,7,93,1)));background: -webkit-linear-gradient(top, rgba(32,19,148,1) 0%, rgba(16,7,93,1) 100%);background: -o-linear-gradient(top, rgba(32,19,148,1) 0%, rgba(16,7,93,1) 100%);background: -ms-linear-gradient(top, rgba(32,19,148,1) 0%, rgba(16,7,93,1) 100%);background: linear-gradient(to bottom, rgba(32,19,148,1) 0%, rgba(16,7,93,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201394', endColorstr='#10075d', GradientType=0 );}
.notifikacie #obsah .item .cont, .ziadosti #obsah .item .cont, .pripomienky #obsah .item .cont {width:440px;font-size:11px;padding:0 5px 0 5px}
.notifikacie #obsah .item .date, .ziadosti #obsah .item .date, .pripomienky #obsah .item .date {width:445px;font-size:9px;color:#AAA;margin:2px 0 0 0;padding:0 0 0 5px}
.odchodyprichody #obsah {float:left;font-size:12px}
.udalosti #obsah {float:left;font-size:12px}