.profile{ float:right;width: 100%;}

.profile a{ text-decoration:none; color:inherit;}



.topcont { margin:0 0 20px 0;}

.topcont #title img{ margin-left:10px;}

.topcont .logout{ width:85px; margin:20px 0 0; height:20px; float:left; background:url(images/logout.png) center left no-repeat;font-size: 14px;}

.topcont .logout:hover{background:url(images/logout-hover.png) center left no-repeat;color:#fc7f3b;}



ul, li{ margin:0; padding:0; list-style:none;}

.profile aside, .profile aside ul{ float:right; width:158px;}

.profile aside ul{ border-bottom:#ccc 1px solid; padding-bottom:15px; margin-bottom:10px;}

.profile aside li{ float:right; width:153px; margin-bottom:4px; cursor: pointer;position:  relative; border:1px dotted #ccc;  background-color:#fff;color: #5e6163; font-size: 14px;padding: 12px 2px;}

.profile aside li:hover{ color:#fff; background-color:#fc7f3b;}

.profile aside li.active{ background: #fc7f3b; color:#fff;}

.profile aside a.edit{ font-family:tahoma; font-size:16px;color: #5e6163; height:20px; float:right; padding:0 20px 0; margin:5px; background:url(images/Flaticon_128.png) center right no-repeat;}

.profile aside a.edit:hover{color: #fc7f3b; background:url(images/Flaticon_128-hover.png) center right no-repeat;}



.profile .content{ float:left; width:852px;}

.books-title{ text-align:right; border-bottom:1px dotted #ccc;padding-bottom: 10px; }

.profile .books #bookitem {width: 198px;height: 446px; position:relative;}

.profile .books #bookitem .x {position: absolute;top: 5px;left: 5px;width: 16px;height: 16px;}