body
{
    font-family: Arial, Verdana;
    font-size: 12pt;
}
h1, h2
{
    font-weight : normal;
}
a, a:link
{
    color: #000;
}
.wrapper
{
    background-color: #fff;
}

.all
{
    margin: 0 auto;
    width: 1000px;
    background-color: #fff;
    overflow: hidden;
}

.header
{
    margin-top: 10px;
    overflow: hidden;
}

.logo
{
    float: left;
    width: 240px;
}

.aphorism
{
    width: 700px;
    float: right;
    text-align: right;
    margin: 0 10px 0 0;
}

.aphorism .author
{
    text-align: right;
    font-style: italic;
}

.main-menu
{
    font-family: Calibri;
    font-size: 14pt;
    display: table;
    width: 100%;
    height: 40px;
    margin-top: 5px;
}
.main-menu a
{
    color: #000;
    text-decoration: none;
}

.menu-item
{
    display: table-cell;
    text-align: center;
    cursor : pointer;
}
.menu-item a
{
    width: 100%;
    line-height: 32px;
}

.main-menu .main
{
    border-top: solid 6px #8b88ff;
    border-bottom: solid 6px #8b88ff;
}

.main-menu .main-visit
{
    border-top: solid 6px #8b88ff;
    border-bottom: solid 6px #8b88ff;
    background-color: #8b88ff;
}

.main-menu .main:hover
{
    background-color: #8b88ff;
}

.main-menu .mypage
{
    border-top: solid 6px #73b66b;
    border-bottom: solid 6px #73b66b;
}

.main-menu .mypage-visit
{
    border-top: solid 6px #73b66b;
    border-bottom: solid 6px #73b66b;
    background-color: #73b66b;
}

.main-menu .mypage:hover
{
    background-color: #73b66b;
}

.main-menu .feed
{
    border-top: solid 6px #29a2c6;
    border-bottom: solid 6px #29a2c6;
}

.main-menu .feed-visit
{
    border-top: solid 6px #29a2c6;
    border-bottom: solid 6px #29a2c6;
    background-color: #29a2c6;
}

.main-menu .feed:hover
{
    background-color: #29a2c6;
}

.main-menu .posts
{
    border-top: solid 6px #ff9c00;
    border-bottom: solid 6px #ff9c00;
}

.main-menu .posts-visit
{
    border-top: solid 6px #ff9c00;
    border-bottom: solid 6px #ff9c00;
    background-color: #ff9c00;
}

.main-menu .posts:hover
{
    background-color: #ff9c00;
}

.main-menu .reports
{
    border-top: solid 6px #7bb31a;
    border-bottom: solid 6px #7bb31a;
}

.main-menu .reports-visit
{
    border-top: solid 6px #7bb31a;
    border-bottom: solid 6px #7bb31a;
    background-color: #7bb31a;
}

.main-menu .reports:hover
{
    background-color: #7bb31a;
}

.main-menu .polls
{
    border-top: solid 6px #eedb00;
    border-bottom: solid 6px #eedb00;
}

.main-menu .polls-visit
{
    border-top: solid 6px #eedb00;
    border-bottom: solid 6px #eedb00;
    background-color: #eedb00;
}

.main-menu .polls:hover
{
    background-color: #eedb00;
}

.main-menu .articles
{
    border-top: solid 6px #ef597b;
    border-bottom: solid 6px #ef597b;
}

.main-menu .articles-visit
{
    border-top: solid 6px #ef597b;
    border-bottom: solid 6px #ef597b;
    background-color: #ef597b;
}

.main-menu .articles:hover
{
    background-color: #ef597b;
}

.main-menu .recipes
{
    border-top: solid 6px #9d6ab5;
    border-bottom: solid 6px #9d6ab5;
}

.main-menu .recipes-visit
{
    border-top: solid 6px #9d6ab5;
    border-bottom: solid 6px #9d6ab5;
    background-color: #9d6ab5;
}

.main-menu .recipes:hover
{
    background-color: #9d6ab5;
}

.main-menu .competitions
{
    border-top: solid 6px #ff5028;
    border-bottom: solid 6px #ff5028;
}

.main-menu .competitions-visit
{
    border-top: solid 6px #ff5028;
    border-bottom: solid 6px #ff5028;
    background-color: #ff5028;
}

.main-menu .competitions:hover
{
    background-color: #ff5028;
}

.category-menu
{
    font-size: 12pt;
    display: table;
    width: 100%;
    height: 32px;
    margin-top: 5px;
}
.category-menu a
{
    color: #000;
}

.category-menu .item
{
    display: table-cell;
    text-align: center;
}
.category-menu .item a
{
    width: 100%;
    line-height: 32px;
}

.category-menu .selected a
{
    width: 100%;
    line-height: 32px;
    color : #ef597b;
}

.user-section
{
    width: 271px;
    float: right;
    font-size: 10pt;
    position: relative;
    border-left: solid 1px #aaa;
    left: -1px;
}

.main
{
    overflow: hidden;
}

.main > .content
{
    border-right: solid 1px #aaa;
    overflow: hidden;
}

.footer
{
    padding-top: 30px;
    border-top: solid 1px #aaa;
}

.twoteatotwotwo
{
    float: right;
    margin : 10px;
}

.separator
{
    background: url("/Media/images/separator.gif") repeat-x 0 3px;
    height: 5px;
}


.help
{
    float: left;
    margin: 12px 5px;
    overflow: hidden;
}

.ask-question
{
    float: right;
    margin: 12px 5px;
    overflow: hidden;
}

.login-left-block
{
    margin: 12px 5px;
    overflow: hidden;
}

.login-left-block .register
{
    float: left;
    line-height: 22px;
}

.login-left-block .lost-password
{
    float: right;
    line-height: 22px;
}
.login-left-block .input
{
    overflow: hidden;
    margin-top: 5px;
}
.login-left-block .input label
{
    margin-top: 3px;
    float: left;
}
.login-left-block .input input
{
    float: right;
}
.login-left-block .input span.email
{
    font-size: 8pt;
    color: #888;
    vertical-align: middle;
}

.user-left-block
{
    margin: 5px;
    overflow: hidden;
}

.user-left-block .avatar
{
    float: left;
    width: 90px;
}

.user-left-block a
{
    color: #000;
}

.get-weight
{
    overflow: hidden;
    margin: 5px;
}

#slider
{
    width: 240px;
    margin: 10px;
}

.get-weight .save
{
    float: left;
}

.get-weight .close
{
    float: right;
}

.notifications
{
    margin: 5px;
    overflow: hidden;
}

.notifications .item
{
    background-color: #a6ffaa;
    overflow: hidden;
    margin-bottom: 4px;
    padding: 7px;
    border: solid #aaa 1px;
}
.notifications .visited
{
    background-color: #fcffa1;
}
.notifications .item .content
{
    float: left;
    width: 220px;
}
.notice-delete
{
    width: 16px;
    height: 16px;
    background: url("/Media/images/close_button.png") no-repeat 0 0;
    float: right;
    cursor: pointer;
    margin-top: 2px;
}
.actions
{
    margin: 5px;
    overflow : hidden;
    padding : 3px;
}

.actions .item
{
    font-size: 12pt;
    margin-top: 4px;
}
.actions .title-item
{
    margin-top: 5px;
    font-size: 13pt;
    margin-bottom : 10px;
}

.actions .title-item .item
{
    margin-left: 10px;
}
.actions .post a
{
    color: #ff9c00;
}

.actions .report a
{
    color: #7bb31a;
}

.actions .article a
{
    color: #ef597b;
}

.actions .users a
{
    color: #29a2c6;
}
.actions .mypage a
{
    color: #73b66b;
}


.actions .messages
{
    color: #952078;
}

.actions .messages a
{
    color: #952078;
}

.actions .friends a
{
    color: #29a2c6;
}

.ad-block-right
{
    margin: 15px 15px;
    overflow: hidden;
}

.clear
{
    clear: both;
    height : 0px;
    overflow : hidden;
    margin : 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}
.main .content
{
    line-height: 22px;
}
.greeting
{
    margin: 10px 5px;
    text-align: right;
    overflow: hidden;
}
.ad-block-main
{
    margin: 10px 0px;
}

.marathon-main-preview
{
    margin: 10px 5px 20px 5px;
    overflow: hidden;
}
.marathon-main-preview .preview-image
{
    border: solid 2px #d9d9d9;
    float: left;
    margin-right: 15px;
}

.marathon-main-preview h1
{
    color: #90ca44;
    font-family: Arial;
    font-size: 14pt;
    margin: 5px;
}
.marathon-main-preview .content
{
    margin-bottom: 20px;
}

.marathon-main-preview .show-table
{
    float: right;
    margin-right: 10px;
    margin-top : 10px;
}
.marathon-main-preview .take-part
{
    margin-top : 10px;
    float: left;
}

.poll-main-preview
{
    margin: 10px 0px;
    overflow: hidden;
    border-top: solid 1px #eedb00;
}

.poll-main-preview > .title
{
    background-color: #eedb00;
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14pt;
    overflow: hidden;
    margin-bottom: 15px;
}

.poll-main-preview .content
{
    clear: both;
    margin: 20px;
    font-size: 10pt;
}

.poll-main-preview .content .title
{
    font-size: 14pt;
}

div.poll-item-result
{
    overflow: hidden;
}

div.poll-item-strip
{
    background-color: #eedb00;
    float: left;
    height: 10px;
    margin: 6px 10px 0 0;
}

div.poll-item-value
{
    float: left;
}

.report-main-preview
{
    margin: 10px 0px;
    overflow: hidden;
    border-top: solid 1px #7bb31a;
    position: relative;
}

.report-main-preview > .title
{
    background-color: #7bb31a;
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14pt;
    overflow: hidden;
    margin-bottom: 15px;
}

.report-main-preview .report-item
{
    width: 218px;
    height: 120px;
    float: left;
    margin: 8px;
    font-size: 10pt;
    position: relative;
    padding: 3px 3px 3px 5px;
}
.report-main-preview .report-item .content
{
    position: absolute;
    z-index: 1;
    width: 220px;
}

.report-main-preview .report-item .title
{
    width: 120px;
    height: 24px;
    overflow: hidden;
}

.report-main-preview .report-item .rank
{
    width: 120px;
    height: 24px;
    overflow: hidden;
    font-size: 10pt;
    color: #888;
}

.report-main-preview .report-item .date
{
    width: 120px;
    height: 24px;
    overflow: hidden;
    font-size: 8pt;
    color: #888;
}

.report-main-preview .report-item .show-item
{
    width: 120px;
    height: 24px;
    margin-left: 90px;
}

.report-main-preview .report-item .total-score
{
    clear: both;
    font-size: 10pt;
}

.report-main-preview .report-item .total-score .score
{
    font-weight: bold;
}

.posts-main-preview
{
    margin: 10px 0px;
    overflow: hidden;
    border-top: solid 1px #ff9c00;
}

.posts-main-preview > .title
{
    background-color: #ff9c00;
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14pt;
    overflow: hidden;
    margin-bottom: 15px;
}

.post-item
{
    width: 218px;
    height: 260px;
    float: left;
    margin: 8px;
    font-size: 10pt;
    position: relative;
    padding: 3px 3px 3px 5px;
}
.post-item .content
{
    position: absolute;
    z-index: 1;
    width: 215px;
    padding: 3px;
}

.post-item .title
{
    font-size: 11pt;
}

.post-item .date
{
    width: 120px;
    height: 24px;
    overflow: hidden;
    font-size: 8pt;
    color: #888;
    float: right;
    margin-right: 10px;
}
.post-item .post-info
{
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
}
.post-item .author
{
    float: left;
}
.post-item .more
{
    float: right;
    margin-right: 15px;
    font-weight: bold;
}


.articles-main-preview
{
    margin: 10px 0px;
    overflow: hidden;
    border-top: solid 1px #ef597b;
}

.articles-main-preview > .title
{
    background-color: #ef597b;
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14pt;
    overflow: hidden;
    margin-bottom: 15px;
}


.article-item
{
    width: 218px;
    height: 320px;
    float: left;
    margin: 8px;
    font-size: 10pt;
    position: relative;
    padding: 3px 3px 3px 5px;
}
.article-item .content
{
    position: absolute;
    z-index: 1;
    width: 215px;
    padding: 3px;
}

.article-item .title
{
    font-size: 11pt;
}
.article-item .title .heading
{
    font-size: 8pt;
    color: #888;
}
.article-item .preview-image img
{
    border: solid 3px #d9d9d9;
}

.article-item .date
{
    width: 120px;
    height: 24px;
    overflow: hidden;
    font-size: 8pt;
    color: #888;
    float: right;
}
.article-item .article-info
{
    height: 240px;
    overflow: hidden;
    margin-bottom: 10px;
}
.article-item .author
{
    float: left;
}
.article-item .more
{
    float: right;
    margin-right: 10px;
}

.show-all
{
    float: right;
    margin: 20px 10px 0 0;
    font-style: italic;
}


/* Shadowed block */

.report-item .avatar
{
    width: 90px;
    float: left;
}

.report-item .avatar .stars
{
    position: absolute;
    top: 80px;
    z-index: 2;
}

/* MY PAGE */
.user-page
{
    overflow: hidden;
}


.user-info
{
    margin: 10px 0px;
    overflow: hidden;
}

.user-info-content
{
    clear: both;
    overflow: hidden;
    margin: 5px;
    border: dashed 1px #73b66b;
    padding: 5px;
}

.user-info-content .header
{
    font-size: 12pt;
    margin: 5px 5px 20px 5px;
    background-color: #73b66b;
    padding-left: 10px;
}

.user-info-content > .header a
{
    margin-left: 10px;
    font-size: 10pt;
}

.user-info-content .title
{
    font-family: Verdana;
    font-size: 18pt;
}

.user-info-content .title .nickname
{
    color: #494949;
}
.user-info-content .avatar
{
    margin-left: 10px;
    width: 90px;
    float: left;
}
.user-info-content .sign
{
    font-style: italic;
    float: right;
    margin-top: 30px;
}

.user-info .userphoto
{
    margin: 10px 0;
    text-align: center;
}

.awards-info
{
    margin: 10px 0px;
    overflow: hidden;
    border-top: solid 1px #73b66b;
}

.awards-info > .title
{
    background-color: #73b66b;
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14pt;
    overflow: hidden;
    margin-bottom: 15px;
}
.awards-container
{
    padding: 5px;
}

.awards-container .award-item
{
    clear: both;
    overflow: hidden;
    margin: 10px;
}
.award-image
{
    float: left;
    padding: 0;
    height: 122px;
    width: 62px;
    margin: 0 10px 10px 10px;
}

.award-image img
{
    margin: 1px;
    border: 0px;
}

.awards-container .award-description
{
    margin-left: 10px;
}


.slim-table-info
{
    margin: 10px 0px;
    overflow: hidden;
    border-top: solid 1px #73b66b;
}

.slim-table-info > .title
{
    background-color: #73b66b;
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14pt;
    overflow: hidden;
    margin-bottom: 15px;
}

.report-table
{
    clear: both;
}

.report-table td
{
    border: 1px solid #aaa;
    padding: 3px;
    text-align: center;
}

.report-table td.first
{
    text-align: left;
    background-color: #73b66b;
    color: White;
    padding: 3px 8px;
}

.report-table tr.last-row
{
    font-weight: bold;
}

.report-table tr.first-row td
{
    border: 0;
}

.slim-table-info .buttons
{
    float: right;
    margin: 10px 20px;
}

.slim-table-info .buttons > div
{
    float: left;
    margin: 5px;
    cursor: pointer;
}

.weight-graph-info
{
    margin: 10px 0px;
    overflow: hidden;
    border-top: solid 1px #73b66b;
}


.weight-graph-info > .title
{
    background-color: #73b66b;
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14pt;
    overflow: hidden;
    margin-bottom: 15px;
}

.success-story-info
{
    margin: 10px 0px;
    overflow: hidden;
    border-top: solid 1px #73b66b;
}

.success-story-info > .title
{
    background-color: #73b66b;
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14pt;
    overflow: hidden;
    margin-bottom: 15px;
}

.success-story-info > .title a
{
    margin-left: 20px;
    font-size: 10pt;
}
.success-story-info .content
{
    margin-top: 10px;
    overflow: hidden;
    clear: both;
}
/* buttons */
.buttonwrapper a.gray
{
    background: transparent url('/Media/images/oval-gray-left.gif') no-repeat top left;
}
.buttonwrapper a.gray span
{
    background: transparent url('/Media/images/oval-gray-right.gif') no-repeat top right;
}

.buttonwrapper a.green
{
    background: transparent url('/Media/images/oval-green-left.gif') no-repeat top left;
}
.buttonwrapper a.green span
{
    background: transparent url('/Media/images/oval-green-right.gif') no-repeat top right;
}

.buttonwrapper a.red
{
    background: transparent url('/Media/images/oval-red-left.gif') no-repeat top left;
}
.buttonwrapper a.red span
{
    background: transparent url('/Media/images/oval-red-right.gif') no-repeat top right;
}

.buttonwrapper a.orange
{
    background: transparent url('/Media/images/oval-orange-left.gif') no-repeat top left;
}
.buttonwrapper a.orange span
{
    background: transparent url('/Media/images/oval-orange-right.gif') no-repeat top right;
}


.buttonwrapper a.blue
{
    background: transparent url('/Media/images/oval-blue-left.gif') no-repeat top left;
}
.buttonwrapper a.blue span
{
    background: transparent url('/Media/images/oval-blue-right.gif') no-repeat top right;
}
a.ovalbutton
{
    display: block;
    float: left;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    cursor: pointer;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
{
    color: #494949; /*button text color*/
}

a.ovalbutton span
{
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover
{
    /* Hover state CSS */
    background-position: bottom left;
}

a.ovalbutton:hover span
{
    /* Hover state CSS */
    background-position: bottom right;
    color: black;
}

.buttonwrapper
{
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden;
    width: 100%;
}


.pollstrip
{
    height: 10px;
    overflow: hidden;
    width: 100%;
    float: left;
    margin: 6px 20px 0 0;
}

.pollstrip .left-part
{
    background: transparent url('/Media/images/poll-strip-left.gif') no-repeat top left;
    float: left;
    height: 10px;
    width: 7px;
}

.pollstrip .right-part
{
    background: transparent url('/Media/images/poll-strip-right.gif') no-repeat top right;
    height: 10px;
}

.sh
{
    position: absolute;
    background: url('/Media/images/shadow.png') no-repeat;
    z-index: 0;
}

.sh-pink
{
    position: absolute;
    background: url('/Media/images/shadow-pink.png') no-repeat;
    z-index: 0;
}

.sh-yellow
{
    position: absolute;
    background: url('/Media/images/shadow-yellow.png') no-repeat;
    z-index: 0;
}

.sh-green
{
    position: absolute;
    background: url('/Media/images/shadow-green.png') no-repeat;
    z-index: 0;
}

.tl
{
    top: -6px; /* задаем высоту */
    bottom: 12px; /* задаем ширину */
    left: -11px;
    right: 14px;
}

.tr
{
    width: 25px;
    top: -6px;
    bottom: 12px;
    right: -11px;
    background-position: top right;
}

.bl
{
    left: -11px;
    right: 14px;
    bottom: -16px;
    height: 28px;
    background-position: bottom left;
}

.br
{
    width: 25px;
    height: 28px;
    right: -11px;
    bottom: -16px;
    background-position: bottom right;
}

.pager-post
{
    float: right;
    margin: 10px;
}

.pager-post A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-post A:hover
{
    background-color: #ff9500;
    color: #fff;
}

.pager-post A.selected
{
    background-color: #ff9500;
    color: #fff;
}

.pager-mypage
{
    float: right;
    margin: 10px;
}

.pager-mypage A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-mypage A:hover
{
    background-color: #73b66b;
    color: #fff;
}

.pager-mypage A.selected
{
    background-color: #73b66b;
    color: #fff;
}

.pager-messages
{
    float: right;
    margin: 10px;
}

.pager-messages A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-messages A:hover
{
    background-color: #952078;
    color: #fff;
}

.pager-messages A.selected
{
    background-color: #952078;
    color: #fff;
}
.pager-poll
{
    float: right;
    margin: 10px;
}

.pager-poll A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-poll A:hover
{
    background-color: #ecd800;
    color: #fff;
}

.pager-poll A.selected
{
    background-color: #ecd800;
    color: #fff;
}

.pager-report
{
    float: right;
    margin: 10px;
}

.pager-report A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-report A:hover
{
    background-color: #72ad15;
    color: #fff;
}

.pager-report A.selected
{
    background-color: #72ad15;
    color: #fff;
}

.pager-feed
{
    float: right;
    margin: 10px;
}

.pager-feed A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-feed A:hover
{
    background-color: #29a2c6;
    color: #fff;
}

.pager-feed A.selected
{
    background-color: #29a2c6;
    color: #fff;
}

.pager-article
{
    float: right;
    margin: 10px;
}

.pager-article A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-article A:hover
{
    background-color: #ed5072;
    color: #fff;
}

.pager-article A.selected
{
    background-color: #ed5072;
    color: #fff;
}

.pager-competition
{
    float: right;
    margin: 10px;
}

.pager-competition A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-competition A:hover
{
    background-color: #ff5028;
    color: #fff;
}

.pager-competition A.selected
{
    background-color: #ff5028;
    color: #fff;
}

.pager-recipes
{
    float: right;
    margin: 10px;
}

.pager-recipes A
{
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}

.pager-recipes A:hover
{
    background-color: #9661af;
    color: #fff;
}

.pager-recipes A.selected
{
    background-color: #9661af;
    color: #fff;
}

.marathon-message 
{
    margin : 10px 0;
    font-size : 14pt;
    font-style : italic;
}
.post-block
{
    width: 715px;
}

.post-block .content 
{
    width: 671px;
}

.post-block .cut
{
    display : none;
}

.post-block .container
{
    background: url('/Media/images/shadow-block-bg.png') repeat-y 0 0;
    padding: 5px 15px;
    overflow: hidden;
    font-size: 10pt;
}
.post-block .post
{
    background: url('/Media/images/shadow-header-post.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.post-block .report
{
    background: url('/Media/images/shadow-header-report.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.post-block .article
{
    background: url('/Media/images/shadow-header-article.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.post-block .poll
{
    background: url('/Media/images/shadow-header-poll.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.post-block .recipe
{
    background: url('/Media/images/shadow-header-recipe.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.post-block .competition
{
    background: url('/Media/images/shadow-header-competition.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.post-block .marathon
{
    background: url('/Media/images/shadow-header-marathon.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.post-block .bottom
{
    background: url('/Media/images/shadow-block-bottom.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.post-block .container .title
{
    font-size: 14pt;
    float: left;
    width: 430px;
    overflow: hidden;
}
.post-block .container .title .category-title
{
    font-size: 10pt;
    color: #888;
}
.post-block .container .title .date
{
    font-size: 8pt;
    color: #888;
    float: right;
    margin: 0 5px;
}

.post-block .container .author
{
    float: right;
    width: 240px;
    border: 1px dotted #aaa;
    padding: 5px;
}

.post-block .container .author .avatar
{
    float: left;
    width: 90px;
}

.post-block .container .content
{
    margin: 5px 0;
}


.post-block .container .content ul 
{
    padding-left : 10px;
}

.post-block .container .content ol li 
{
    list-style-type : decimal;
    list-style-position: inside;
    margin-left : 20px;
}


.post-block .container .content ul li 
{
    list-style-type : disc;
    list-style-position: inside;
    margin-left : 20px;
}

.post-block .container .content .line
{
    float : right;
    background-color: #aaa;
    width: 300px;
    height: 1px;
    margin: 10px 30px 0 0;
}
.post-block .container .content .sign
{
    clear : both;
    margin: 5px 30px 0 0;
    max-width: 650px;
    overflow: hidden;
    float: right;
}

.post-block .container .tags
{
    font-size: 8pt;
    color: #888;
}

.post-block .container .comment-container
{
    overflow: hidden;
    font-size: 12pt;
    margin-top: 5px;
    border-top: 1px solid #aaa;
    padding-top: 5px;
}

.post-block .container .comment-container .add-comment
{
    float: left;
    margin-left: 10px;
}


.post-block .container .comment-container div.comments-count
{
    float: left;
}

.post-block .container .rating-container
{
    float: right;
    font-size: 12pt;
}

.post-block .container .rating
{
    float: left;
}

.post-block .container .subtext 
{
    font-style : italic;
    color : #888;
}

.post-block .container .add-rating
{
    float: left;
    margin-left: 3px;
}

.post-block .container tr.current 
{
    font-weight : bold;    
}

.post-block .container td.total
{
    font-style : italic;    
}

.post-block .container .add-rating > div
{
    float: left;
    cursor: pointer;
    text-decoration: underline;
    width: 24px;
    height: 24px;
    background: url("/Media/images/star-rating-gs.png") no-repeat 0 0;
}

.post-block .container .add-rating > div.selected 
{
    background: url("/Media/images/star-rating.png") no-repeat 0 0;
}
.comments
{
    margin: 0px 20px 30px -5px;
    overflow: hidden;
    font-size: 10pt;
}

.comment
{
    background-color: #fff;
    margin: 10px 0 0 15px;
    clear: both;
    overflow: hidden;
}

.comment-item
{
    border-left: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    padding: 5px;
    clear: both;
    overflow: hidden;
}

.comment .author
{
    width: 90px;
    margin-right: 10px;
    float: left;
}

.comment .avatar
{
    margin-top: 5px;
}
.comment .status
{
    font-size : 7pt;
    line-height : 14px;
}
.comment .title
{
    float: right;
    font-size: 8pt;
    color: #aaa;
}

.comment .delete-comment
{
    float: right;
    margin-left: 5px;
}

.comment .delete-comment a
{
    color: #880000;
}

.comment .reply-comment
{
    float: right;
    margin: 0 10px 5px 0;
}

.columnists-header 
{
    float : right;
    margin-right : 10px;
    font-style :italic;
}

.columnists
{
    clear : both;
    margin: 10px 5px;
    overflow: hidden;
}

.columnists .author
{
    float: left;
    width: 100px;
    height: 100px;
    border: 1px dotted #aaa;
    margin: 3px;
    text-align: center;
    padding: 5px;
}

.columnists .author .title
{
    font-size: 8pt;
}

.help-content
{
    padding: 10px;
}

.input-header
{
    font-style: italic;
    font-size: 14pt;
    float: left;
    background-color: #72ad15;
    padding: 10px 30px;
    margin: 10px 0px;
}

.input-header-mypage
{
    font-style: italic;
    font-size: 14pt;
    float: left;
    background-color: #73b66b;
    padding: 10px 30px;
    margin: 10px 0px;
}

.input-header-message
{
    font-style: italic;
    font-size: 14pt;
    float: left;
    background-color: #952078;
    padding: 10px 30px;
    margin: 10px 0px;
    color : #fff;
}

.poll-form 
{
    clear: both;
    margin: 0px 10px;
    padding: 10px;
}


.message
{
    color: #ef0430;
}

.form
{
    clear: both;
    margin: 50px 10px;
    padding: 10px;
}
.form .header 
{
    margin : 10px 0;
    font-style : italic;
}

.form .edit
{
    clear: both;
    border-top: 1px dotted #72ad15;
    padding: 10px 0px 10px 10px;
    overflow: hidden;
}

.form .edit .title
{
    float: left;
    width: 40%;
    font-size: 12pt;
}

.form .edit .control
{
    float: left;
    width: 330px;
}

.form .edit .control input
{
    width: 290px;
}

.form .edit .control select
{
    width: 290px;
}

.form .edit .control input[type=checkbox]
{
    width: 20px;
}

.form .edit .title .subtitle
{
    font-size: 8pt;
    color: #888;
    margin: 5px;
}

.form .edit .full-length
{
    clear: both;
    width: 671px;
}
.form .edit input[type=text]
{
    margin-right: 3px;
}

.html-editor
{
    clear: both;
    width: 671px;
}


.html-editor textarea
{
    width: 671px;
    height: 400px;
}

.poll-html-editor
{
    clear: both;
    width: 671px;
}

.poll-html-editor textarea
{
    width: 671px;
    height: 100px;
}

input[type=submit]
{
    font-size: 14pt;
    font-family: Calibri;
}

#buttonUpload
{
    font-size: 14pt;
    font-family: Calibri;
}

.poll-form
{
    clear: both;
}

.poll-form .edit
{
    clear: both;
    padding: 5px 0px 0px 0px;
    overflow: hidden;
}

.poll-form .edit .title
{
    float: left;
    width: 40%;
    font-size: 12pt;
}

.poll-form .edit .control
{
    float: left;
    width: 330px;
}

.poll-form .edit .control input
{
    width: 300px;
}

.poll-form .edit .control input[type=radio]
{
    width: 20px;
}

.poll-form .edit .control input[type=checkbox]
{
    width: 20px;
}
.poll-form input[type=submit] 
{
    font-size: 12pt;
}
.media
{
    margin-top: 5px;
    padding: 10px;
    overflow: hidden;
}
.media-item .media-container
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}
.media-item img
{
    cursor: pointer;
}
.media-item
{
    width: 120px;
    height: 90px;
    float: left;
    margin: 10px;
    padding: 5px;
    text-align: center;
    border: 1px dotted gray;
    position: relative;
}

.media-item div.remove
{
    left: 120px;
    top: -8px;
    background: url("/Media/images/close_button.png") no-repeat 0 0;
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: #fff;
    z-index: 2;
}

#More
{
    float: left;
    margin-right: 10px;
    width: 200px;
}

#Upload
{
    float: left;
    margin-right: 10px;
}

.media-item:hover
{
    border: 1px solid gray;
}

.upload-container
{
    margin: 10px;
    display: none;
}

.field-validation-error
{
    color: #e30606;
    font-style: italic;
}

.grid
{
    font-size: 8pt;
    margin: 5px;
    width : 715px;
}

.grid tr.new
{
    background-color : #eeffee;
}

.grid tr.old
{
    background-color : #fafa81;
}
.grid th, td
{
    border: 1px dotted #aaa;
    padding: 3px;
}

.grid .action
{
    width: 80px;
}

.grid .date
{
    width: 90px;
}

.grid tr.red 
{
    color : Red;
}

.grid tr.green 
{
    color : Green;
}

.messages-list 
{
    padding : 10px;
    font-size : 10pt;
}

.message-item 
{
    width: 715px;
}

.message-item .new-message 
{
    background: url('/Media/images/shadow-header-new-message.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}
    
.message-item .old-message
{
    background: url('/Media/images/shadow-header-message.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.message-item .container
{
    background: url('/Media/images/shadow-block-bg.png') repeat-y 0 0;
    padding: 5px 15px;
    overflow: hidden;
    font-size: 10pt;
}

.message-item .bottom
{
    background: url('/Media/images/shadow-block-bottom.png') no-repeat 0 0;
    height: 25px;
    width: 715px;
}

.message-item  .container .title
{
    font-size: 14pt;
    float: left;
    width: 430px;
    overflow: hidden;
}

.message-item .container .title .date
{
    font-size: 8pt;
    color: #888;
    float: right;
    margin: 0 5px;
}

.message-item .container .author
{
    float: right;
    width: 240px;
    border: 1px dotted #aaa;
    padding: 5px;
}

.message-item .container .author .avatar
{
    float: left;
    width: 90px;
}

.message-item .container .content
{
    margin: 5px 0;
}

.message-item div.message-action 
{
    margin-top : 20px;
    margin-right : 20px;
}

.message-item div.message-action div 
{
    float : left;
    margin-top : 20px;
    margin-right : 20px;
}
.user-message  
{
    clear : both;
    margin : 10px;
}

.user-message .author
{
    float: right;
    width: 240px;
    border: 1px dotted #aaa;
    padding: 5px;
}

.user-message .author .avatar
{
    float: left;
    width: 90px;
}

.user-message .write-to 
{
    float : right;
    margin : 35px 10px 0 0;
    font-style : italic;
}

.information 
{
    clear : both;
    margin : 200px 100px;
    font-style : italic;
}


.users-list 
{
    clear : both;
    overflow : hidden;
    font-size : 10pt;
}


.users-list .author
{
    float: left;
    width: 213px;
    height : 100px;
    border: 1px dotted #aaa;
    padding: 5px;
    margin : 5px;
}

.users-list .friend
{
    border: 2px solid #aaa;
    background : #eee;
    width: 211px;
    height : 98px;
}
.users-list .author .avatar
{
    float: left;
    width: 90px;
    position : relative;
}
.users-list .author .title 
{
    overflow : hidden;
}

.users-list .author .avatar .awards
{
    position : absolute;
    top : 85px;
}

.users-list .add-button-friend 
{
    text-decoration : underline;
    cursor : pointer;
}

.users-list .remove-button-friend 
{
    text-decoration : underline;
    cursor : pointer;
}

#AddPreview 
{
    text-decoration : underline;
    cursor : pointer;
}

#RemovePreview
{
    text-decoration : underline;
    cursor : pointer;
}

.report-container 
{
    border-top : 1px dotted #aaa;
    border-left : 1px dotted #aaa;
    margin : 10px;
    padding: 10px;
}
.report-container .header 
{
    border : 0px;
    font-size : 14pt;
}

.report-container .report-item 
{
    overflow : hidden;
    font-size : 10pt;
}

.report-container .report-item .title 
{
    font-size : 10pt;
    float : left;

}

.report-container .report-item .date
{
    font-size : medium;
    float : right;
    color : #888;
}

.report-container .report-item span.type-name 
{
    font-weight : bold;
    margin-right : 20px;
}

.report-container .report-item span.time 
{
    margin-right : 5px;
}

.report-container .report-item .score 
{
    float : right;
    margin-right : 20px;
    font-weight : bold;
    color : #598113;
    font-style : italic;
}

.report-container .report-total 
{
    overflow : hidden;
    font-size : 12pt;
    margin-top : 5px;
    padding-top : 5px;
    border-top : 1px dotted #eee;
}

.report-container .report-total .title 
{
    float : left;
    width : 300px;
}

.report-container .report-total .value
{
    float : right;
    margin-right : 20px;
    color : #598113;
    font-style : italic;
}

div.send-button 
{
    font-size : larger;
    color : Blue;
    text-decoration : underline;
    cursor : pointer;
}

.recipe-menu 
{
    margin : 10px 0;
    
}
.recipe-menu a 
{
    margin : 0 5px;
}
.recipe-info 
{
    font-size : 10pt;
}

.recipe-info .recipe-title 
{
    font-size : 10pt;
    font-weight : bold;
    float : left;
    width : 200px;
}

.recipe-info .recipe-value 
{
    font-style : italic;
}

.recipe-info  .description 
{
    clear : both;    
}
.recipe-info  .description .recipe-title 
{
    font-size : 12pt;
}

.recipe-info  .description .recipe-value 
{
    padding : 10px;
}

.recipe-info .recipe-values
{
    width: 300px;
    margin: 10px 0 30px 30px;
    overflow: hidden;
    border: 1px dotted #9d6ab5;
    padding: 10px;
    float : right;
}
.recipe-info .recipe-values > div
{
    margin: 3px 0;
}

.recipe-info .recipe-values .name
{
    width: 150px;
    color:  #9d6ab5;
    float: left;
}

.recipe-info .recipe-values .value
{
    width: 50px;
    float: left;
    font-style : italic;
}

.recipe-info .recipe-values .measure
{
    width: 50px;
    float: left;
}
.recipe-info .ingredients 
{
    margin : 10px 0 30px 50px;
    overflow : hidden;
    border : 1px dotted #9d6ab5;
    width : 400px;
    padding: 10px;
}

.recipe-info .ingredients .ingredient-title
{
    font-weight : bold;
}

.recipe-info .ingredients .ingredient-item 
{
    font-size : 10pt;
    clear : both;
    margin-left :10px;
}

.recipe-info .ingredients .ingredient-item .recipe-title 
{
    float : left;
    width : 200px;
}

.recipe-info .ingredients .ingredient-item .recipe-mass 
{
    float : left;
    width : 150px;
    font-style : italic;
}

.question-info 
{
    margin : 10px;
    overflow : hidden;
}
.question-info .question-item 
{
    margin : 10px;
    width : 350px;
    overflow : hidden;
}
.question-info .question-item .title 
{
    float : left;
    width : 150px;
    font-weight : bold;
}

.question-info .question-item .value
{
    width : 150px;
    float : left;
}

.question-info .comment 
{
    border : 1px dotted #7bb31a;
}

.question-info .comment .content 
{
    padding : 10px;
}


.question-info .question
{
    padding : 10px;
    border : 1px dotted #ff9c00;
}

.question-info .comment .author 
{
    margin : 5px;
    width : 90px;
}

.question-info .comment .author .avatar
{
    float : left;
}

.question-info .comment .author .title
{
    float : left;
}