/*
 * Файл:     css/profile.css
 * Описание: файл стилей для профиля
 * Создан:   18 ноября 2008
 * Изменен:  11 января 2010
 */

ul.profileList
{
    padding: 0;
    margin: 0;
    list-style: none;
    background: url('/pics/1x1.gif') repeat-y 0 0;
}

ul.profileList li.profileColumn
{
    float: left;
    min-height: 1000px;
    height: auto !important;
    height: 1000px;
}

/* Левая колонка */
ul.profileList li.profileLeftColumn
{
    padding-top: 5px;
    width: 200px;
    margin-right: 5px;
}

/* Центральная колонка */
ul.profileList li.profileCenterColumn
{
    background: url('../pics/avatarbg.jpg') top left repeat-x;
    padding: 3px 5px 10px 0;
    width: 470px;
    border-left: 3px solid #8C8C8C;
    border-right: 1px solid #8C8C8C;
    border-top: 2px solid #EEEEEE;
    border-bottom: solid 1px #8C8C8C;
    margin-right: 5px;
}

/* Правая колонка */
ul.profileList li.profileRightColumn
{
    width: 235px;
}

/* Левая панель */
ul.profileList .infoTop
{
    padding: 10px 0 0px 0;
    clear: both;
}

ul.profileList h1.top a
{
    color: #333;
    text-decoration: none;
}

ul.profileList .avatar
{
    width: 200px;
    padding-bottom: 10px;
}

ul.optionsList
{
    list-style: none;
    padding: 10px 0 10px 0;
    clear: both;   
}

*+html ul.optionsList
{
    padding: 0;
    margin: 10px 0 10px 0;
}

ul.optionsList li
{
    height: 22px;
    border-bottom: solid 1px #bbb;
}

ul.optionsList li a
{
    font: normal 12px Verdana, Tahoma;
    color: #069;
    text-decoration: none;
    padding: 4px 3px 4px 3px;
    display: block;
}

ul.optionsList li a:hover
{
    background-color: #e5e5e5;
}

ul.profileList .friendsRequests
{
    text-align: center;
    border: solid 1px #b8860b;
    padding: 10px 5px 10px 5px;
    font: bold 11px Tahoma, Verdana;
    background-color: #f7f073;
    margin: 5px auto 15px auto;
}

ul.profileList .friendsRequests span
{
    font-size: 13px;
}

ul.profileList .friendsRequests a
{
    text-decoration: none;
    color: #333;
}

ul.profileList .friendsRequests a:hover
{
    text-decoration: underline;
}

/* Рейтинг */
ul.profileList .moneyBalance
{
    clear: both;
    display: inline-block;
    background-color: #bfdbff;
}

ul.profileList .moneyBalance .moneyValue
{
    text-align: center;
    font: normal 13px Verdana;
    width: 185px;
    padding: 5px;
}

ul.profileList .moneyBalance .moneyValue span
{
    color: #fff;
    background-color: #4379c2;
    font-weight: bold;
    padding: 2px;
}

ul.profileList .subTitle
{
    clear: both;
    background-color: #069;
    color: #fff;
    padding: 1px 3px 1px 5px;
    margin-top: 5px;
}

ul.profileList .subContent
{
    color: #393939;
    padding: 3px 0 10px 0;
    line-height: 140%;
    clear: both;
}

ul.profileList .subContent a.friends
{
    color: #069;
    text-decoration: underline;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-color: #f8f8f8;
    border: solid 1px #c9c9c9;
    margin: 5px 5px 5px 0;
}

ul.profileList .subContent a.allFriends
{
    clear: both;
    display: block;
    color: #069;
}

ul.profileList .subContent a:hover
{
    text-decoration: none;
}

ul.profileList .mod
{
    font-size: 11px;
}

ul.profileList .mod a
{
    color: #069;
    text-decoration: underline; 
    line-height: 150%;
}

ul.profileList .mod a:hover
{
    text-decoration: none;
}

ul.profileList .subContent ul.stat
{
    padding-bottom: 15px;
}

ul.profileList .subContent ul.stat li
{
    clear: both;
}

ul.profileList .subContent ul.stat li div
{
    float: left;
    font-size: 11px;
}

ul.profileList .subContent ul.stat li span
{
    float: right;
}

ul.profileList .smallSize
{
    margin-top: 5px;
    font-size: 11px;
    line-height: 180%;
}

ul.profileList .smallSize span
{
    color: #069;
}

ul.profileList .smallSize a
{
    color: #00A;
}

/* Центральная панель */
ul.profileList li.profileCenterColumn h1
{
    padding: 2px 10px 10px 10px;
}

ul.profileList h2
{
    padding: 1px 1px 1px 10px;
    background: #8c8c8c url('../pics/profline.jpg') no-repeat right top;
    margin: 0;
    background-color: #8c8c8c;
    color: #fff;
    font: bold 13px Tahoma, Verdana;
    clear: both;
    height: 16px;
}

img.descrImage
{
    float: left;
    padding: 5px 5px 5px 10px;
}

ul.profileList div.descr
{
    padding: 3px 10px 3px 10px;
    font: normal 11px Tahoma, Verdana;
    color: #777;
    line-height: 140%;
}

ul.profileList div.descr a
{
    text-decoration: underline;
    color: #255478;
}

ul.profileList div.descr a:hover
{
    text-decoration: none;
}

ul.profileList div.itemsList
{
    clear: both;
    padding: 10px 10px 10px 10px;
}

*+html ul.profileList div.itemsList
{
    padding: 0 0 0 10px;
    margin-top: 10px;
}

.itemsList ul li
{
    float: left;
    display: inline-block;
    width: 100px;
    margin: 5px 10px 20px 0;
}

div.itemsList ul li div.myItemPanel
{
    display: inline-block;
    font: normal 10px Tahoma;
    text-align: center;
    width: 100px;
    color: #228b22;
    height: 16px;
    margin-top: 2px;
}

div.itemsList ul li div.quickBuyItem
{
    display: inline-block;
    font: normal 10px Tahoma;
    width: 100px;
    color: #fff;
    padding: 0;
    margin-top: 1px;
    text-align: center;
}

div.itemsList ul li div.quickBuyItem a
{
    text-decoration: none;
    color: #fff;
    background-color: #6d8fb3;
    font: normal 10px Tahoma, Verdana;
    color: #fff;
    border: solid 1px #3b6798;
    display: inline-block;
    width: 98px;
    padding: 2px 0;
    height: 12px; /* 12px + 2*(2px padding) = 16px height from .quickBuyItem */
}

div.itemsList ul li div.quickBuyItem a:hover
{
    background-color: #84a1bf;
}

ul.profileList ul li a.item
{
    display: block;
    width: 100px;
    height: 100px;
    text-decoration: none;
    background-position: center center;
    background-repeat: no-repeat;
}

ul.profileList a.item:hover
{
    border-color: #069;
}

ul.profileList a.itemMini
{
    width: 50px;
    height: 50px;
    margin: 0 10px 10px 0;
}

ul.profileList a.itemMini:hover
{
    
}

/* Комментарии */
ul.profileList div.comment
{
    clear: both;
    display: inline-block;
    padding: 5px 10px 10px 10px;
    font-size: 11px;
}

ul.profileList div.itemPreview
{
    float: left;
    width: 60px;
}

ul.profileList div.itemComment
{
    float: left;
    width: 390px;
    line-height: 140%;
}

ul.profileList div.itemComment a
{
    color: #255478;
}

ul.profileList div.itemDetails
{
    padding-bottom: 5px;
    line-height: 120%;
}

ul.profileList div.itemDetails span
{
    font-size: 11px;
    color: #454545;
}

ul.profileList div.itemComment div.plusMinus
{
    margin: 5px 0 6px 5px;
    padding-left: 45px;
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 140%;
    font-size: 11px;
}

ul.profileList div.itemComment div.plus
{
    background-image: url('/pics/item/item-plus.gif');
}

ul.profileList div.itemComment div.minus
{
    background-image: url('/pics/item/item-minus.gif');
}

a.reviewLink
{
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

a.reviewLink:hover
{
    text-decoration: underline;
}


div.addFields
{
    margin: 5px 0 5px 0;
}

div.addFields div.title
{
    text-transform: uppercase;
    font: normal 10px Tahoma, Verdana;
    background-color: #f7e5a7;
    padding: 1px 3px 1px 3px;
    display: inline-block;
    margin-bottom: 1px;
}



.pagesLister
{
    clear: both;
    padding: 5px 10px 15px 10px;
    font: normal 11px Tahoma, Verdana;
    color: #777;
}

.pagesLister .total
{
    width: 140px;
    float: left;
    display: inline-block;
}

.pagesLister .order
{
    display: inline-block;
    width: 310px;
    float: right;
    text-align: right;
}

.pagesLister .totalIn
{
    width: 100px;
}

.pagesLister .orderIn
{
    width: 350px;
}

.pagesLister a
{
    text-decoration: underline;
    color: #255478;
    margin-left: 3px;
}

.pagesLister a:hover
{
    text-decoration: none;
}

.pagesLister a.thisSelect
{
    padding: 3px;
    background-color: #8c8c8c;
    color: #fff;
}

.lastLine
{
    clear: both;
    padding-bottom: 10px;
}

.noUserReviews
{
    padding: 0 10px 0 10px;
}

.noInfo
{
    padding: 5px 0 5px 0;
}

/* Стена комментариев */
h1.wallPostlabel
{
    padding-top: 6px;
}

#wallPosts
{
    padding-top: 5px;
}

.wallPost
{
    clear: both;
    padding: 5px 0 12px 0;
}

.wallAvatar
{
    float: left;
    padding: 5px 5px 5px 0;
}

.wallCommentAuthor
{
    float: left;
    font: normal 11px Tahoma, Verdana, sans-serif;
}

.wallCommentAuthor a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    line-height: 140%;
    color: #255478;
}

.wallCommentAuthor a:hover
{
    text-decoration: underline;
}

.wallCommentAuthor span.edit
{
    margin-left: 5px;
    font-size: 11px;
}

.wallCommentAuthor span.edit a
{
    font: normal 11px Tahoma, Verdana;
}

.wallComment
{
    clear: both;
    padding-top: 2px;
    border-top: solid 1px #ccc;
    font: normal 11px Tahoma, Verdana;
    line-height: 120%;
    width: 220px;
    overflow: hidden;
}

* html .wallComment
{
    word-wrap: break-word;
    overflow: visible;
}

a.leftLink
{
    float: left;
}

a.rightLink
{
    float: right;
}

a.leftLink, a.rightLink
{
    font: normal 14px Verdana, Tahoma;
    text-decoration: none;
    color: #255478;
    border: solid 1px #255478;
    line-height: 20px;
    padding: 0px 4px 0px 4px;
    text-align: center;
}

a.leftLink:hover, a.rightLink:hover
{
    background-color: #ddd;
}

.addWallPost
{
    clear: both;
    text-align: center;
}

.wallReply
{
    font-size: 11px;
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
}

.wallReply a
{
    text-decoration: none;
    font: normal 11px Tahoma, Verdana;
    line-height: 140%;
    color: #255478;   
}

.wallReply a:hover
{
    text-decoration: underline;
}

.profileRightColumn div.enterSymbols
{
    font: normal 11px Tahoma, Verdana;
    color: #777;
    padding: 3px 0 8px 0;
}

textarea.wallPostText
{
    width: 100%;
    height: 80px;
    border: solid 1px #777;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    padding: 2px;
    background-color: #f5f5f5;
    font: normal 11px Tahoma, Verdana;
}

.submitPost
{
    width: 200px;
    margin-top: 3px;
    background-color: #255478;
    font: bold 11px Tahoma, Verdana;
    color: #f5f5f5;
    padding: 3px;
}

#twoIcons
{
    float: left;
    width: 32px;
    height: 32px;
    padding: 5px 5px 0 0;
}


/* Ссылки на профиль пользователя в верху его страниц */

a.h1 
{
    color: #333;
    text-decoration: none;
}

a.h1:hover
{
    text-decoration: underline;
}

a.h2 
{
    color: #fff;
    text-decoration: none;
}

a.h2:hover
{
    text-decoration: underline;
}



#tooltip
{
    font-size: 11px;
}

#tooltip b
{
    font-size: 13px;
    line-height: 20px;
}