#userPanel{
width:265px;
height:121px;
background:url(http://www.stn.lv/inc/img/userPanel.png) no-repeat;
float:right;
overflow:hidden;
position:relative;
color:#333
}
#userPanel .loginHolder{
margin:35px 20px 10px 20px;
width:220px
}
#userPanel input[type="text"],#userPanel input[type="password"],#userPanel input[type="submit"]{
display:block;
background:#000;
margin:1px;
border:1px solid #222;
color:#ccc;
padding:5px;
padding-left:25px;
width:184px
}
#userPanel input[type="submit"]{
float:right;
width:50px;
text-align:center;
height:20px;
margin:1px 3px;
padding:0}
#userPanel input:hover{
border:1px solid #5A5A5A
}
#userPanel input.login{
background:url(http://www.stn.lv/inc/img/iconUser.png) 8px 8px no-repeat
}
#userPanel input.pass{
background:url(http://www.stn.lv/inc/img/iconPwd.png) 8px 8px no-repeat
}
#userPanel .forgot{
color:#5A5A5A;
text-shadow:#111 0px 1px 1px;
margin:5px
}
#userPanel .links{
float:left;
margin-top:5px
}
#userPanel .links a:hover{
color:#ccc;
text-decoration:none
}
#userPanel .username{
color:#fff;
float:right;
margin:5px;
margin-right:40px;
font-size:10px;
text-shadow:#444 0px 1px 1px
}
#userPanel .logOut{
display:block;
background:url(http://www.stn.lv/inc/img/iconLogout.png) no-repeat;
width:12px;
height:12px;
float:right;
margin:7px 13px 7px 8px
}
#userPanel .userNameLink{
color:#fff !important;
float:right;
margin-top:5px;
text-decoration:none !important
}
#userPanel .userNameLink:Hover{
text-decoration:None;
border-bottom:1px dotted #fff;
padding-bottom:2px
}
#userPanel ul{
width:200px;
margin:36px 75px;
width:187px
}
#userPanel ul li{
background:url(http://www.stn.lv/inc/img/shade.png) 0 top repeat-x;
margin:1px;
padding:3px 3px 2px 2px
}
#userPanel ul li:hover{
background:url(http://www.stn.lv/inc/img/shade.png) 0 bottom repeat-x}
#userPanel ul li a{
color:#ccc;
background:url(http://www.stn.lv/inc/img/bullet.png) 20px no-repeat;
padding-left:35px;
text-decoration:none !important;
display:block;
font-size:10px;
text-shadow:1px 1px 0 #000
}
#userPanel ul li:hover a{
background:url(http://www.stn.lv/inc/img/bullet.png) 22px no-repeat;
color:#fff !important
}
#userPanel .avatarContainer{
float:left;
width:60px;
height:60px;
margin:32px 8px
}
#userPanel .avatarOverlay{
background:url(http://www.stn.lv/inc/img/avatarOverlay.png) 0 no-repeat;
position:relative;
width:83px;
height:45px;
float:left;
display:block;
text-align:center;
color:#fff;
text-decoration:none !important;
padding-top:35px;
font-size:10px;
text-shadow:1px 1px 0 #000;
text-indent:-3000px
}
#userPanel .avatarOverlay:hover{
text-indent:0
}
#userPanel .avatarContainer img{
float:left;
margin-left:2px;
margin-top:-79px
}
.icons{
height:30px;
overflow:hidden
}
.forumItem .itemTitle{
display:block;
background:url(http://www.stn.lv/inc/img/forumPanelitem.png) 3px no-repeat;
color:#999 !important;
text-decoration:none !important;
overflow:hidden;
width:200px;
border-bottom:1px solid #f2f2f2;
margin:0 9px;
padding-bottom:5px;
padding-left:30px;
height:16px
}
.forumItem .icon{
display:inline-block;
color:#555;
margin:1px;
background:url(http://www.stn.lv/inc/img/forumPanelicons.png) no-repeat;
padding:4px 0 2px 25px;
margin-bottom:5px
}
.forumItem .icon.time{
background-position:0 0px;
margin-left:7px
}
.forumItem .icon.responses{
background-position:0 -54px
}
.forumItem .icon.views{
background-position:0 -25px
}
.forumItem .icon.author{
background-position:0 -78px
}