﻿body
{
    color: #453748;
    font: 10pt / 1.4 Bitstream Vera Sans, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

#container
{
    width: 820px;
    margin: 10px;
}

#head img
{
    width: 820px;
    height: 110px;
    display: block;
}

#tabmenu
{
    height: 29px;
    padding: 10px 0;
}

#tabmenu a
{
    float: left;
    display: inline;
    width: 128px;
    height: 29px;
    font-weight: bold;
    background: url( ../Images/section-button.png );
    text-decoration: none;
    color: inherit;
    margin-left: 10px;
}

#tabmenu a span
{
    display: block;
    height: 29px;
    line-height: 29px;
    text-align: center;
    background: url( ../Images/section-button-right.png ) no-repeat top right;
    cursor: pointer;
}

#tabmenu a.selected
{
    background: none;
}

#tabmenu a.selected span
{
    background: none;
    cursor: default;
}

#sidebar, #content
{
    float: left;
}

#sidebar
{
    width: 180px;
    background: url( ../Images/menu-bg.png );
}

#sidebar-top
{
    height: 6px;
    background: url( ../Images/menu-top.png ) no-repeat top left;
}

#sidebar-bottom
{
    height: 6px;
    background: url( ../Images/menu-bottom.png ) no-repeat bottom left;
}

#sidebar-content
{
    width: 158px;
    margin: 0 11px;
}

.sidebar-section
{
    padding: 10px 0;
}

#sidebar .thumb-box
{
    float: left;
    display: inline;
}
#sidebar .thumb-box
{
    height: 82px;
    width: 74px;
    padding: 6px 0;
    background: url( ../Images/menu-thumb-box.png );
}

#sidebar .female
{
    background: url( ../Images/menu-thumb-box-f.png );
}

#sidebar .male
{
    background: url( ../Images/menu-thumb-box-m.png );
}

#sidebar .thumb-box a
{
    display: block;
    width: 74px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    color: #ffe7f3;
}

#sidebar .thumb-box a img
{
    border: none;
    vertical-align: middle;
}

#sidebar .thumb-box a span
{
    font-size: 1px;
}

#sidebar .thumb-box div
{
    margin: 6px 0 0 15px;
    text-align: center;
    line-height: 14px;
    height: 14px;
}


#content
{
    width: 630px;
    margin-left: 10px;
    display: inline;
}

.pnlPictureTypeSelector
{
    text-align: center;
}

.pnlPictureTypeSelector select
{
    width: 140px;
}





ol.toplist
{
    width: 280px;
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    display: inline;
}

ol.toplist li
{
    margin: 0;
    padding: 0 0 10px 0;
    height: 74px; /*clear: left;*/
    list-style-type: none;
}

.toplist .thumb-frame, .toplist .thumb-description
{
    float: left;
}

.toplist .thumb-frame
{
    padding: 6px;
    width: 62px;
    height: 62px;
    display: table;
    background: url( ../Images/gray_frame.png ) no-repeat top left;
}

.toplist .thumb-frame a
{
    display: table-cell;
    height: 62px;
    width: 62px;
    vertical-align: middle;
    text-align: center;
}

.toplist .thumb-frame img
{
    border: none;
    margin-top: expression((61 - this.height)/2);
    margin-left: expression((61 - this.width)/2);
    vertical-align: middle;
}

.toplist .thumb-description
{
    width: 170px;
    padding: 10px 0 0 20px;
    display: inline;
}

.thumb-title
{
    font-weight: bold;
}

.headline
{
    margin-left: 77px;
    clear: both;
    padding: 1em;
}

#right-banners
{
    width: 130px;
    top: 168px;
    left: 840px;
    position: absolute;
}
#profile-column-left, #profile-column-right
{
    float: left;
}

#profile-column-left
{
    width: 284px;
}

#profile-column-right
{
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ffc7e2;
    display: inline;
    width: 325px;
}

#main-photo
{
    text-align: center;
    background-color: #eee;
}

#main-photo img
{
    display: block;
    margin: 0 auto;
}

.thumb-control
{
    background: url( ../Images/prof_bg.png ) no-repeat top left;
    width: 84px;
    height: 92px;
    margin: 10px 0 0 10px;
    display: inline;
    float: left;
    padding: 6px 0 4px 4px;
}

.first-in-line
{
    margin-left: 0;
}

.control-photo, .buttons-pane
{
    float: left;
}

.control-photo
{
    width: 66px;
    height: 62px;
    font-size: 1px;
    text-align: center;
    line-height: 62px;
    vertical-align: middle;
}

.control-photo img
{
    vertical-align: middle;
}

.buttons-pane
{
    float: left;
    width: 15px;
}

.buttons-pane a
{
    display: block;
    width: 15px;
    height: 15px;
    margin-bottom: 1px;
}

.buttons-pane a img
{
    display: block;
    width: 15px;
    height: 15px;
    border: 0;
}

.profile-name
{
    background: url( ../Images/m_large.png ) no-repeat center left;
    font-size: 16pt;
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
}

#profile-column-right col.controls
{
    width: 20px;
}

#profile-column-right col.value
{
    width: 240px;
}

#profile-column-right td.key
{
    color: #999;
}

#profile-column-right table
{
    width: 325px;
    border-spacing: 0;
    margin-top: 10px;
}

#profile-column-right td
{
    padding: 0;
}

.download-script
{
    background-color: #f2ffd7;
    z-index: 9999;
    padding: 12px;
    border: 1px solid #8fa266;
    width: 320px;
    height: auto;
}

.edit-image-facts
{
    background-color: #f2ffd7;
    z-index: 9999;
    padding: 12px;
    border: 1px solid #8fa266;
    width: 170px;
    height: auto;
}

.delete-popup
{
    background-color: #f2ffd7;
    z-index: 9999;
    padding: 12px;
    border: 1px solid #8fa266;
    width: 170px;
    height: auto;
}

.edit-birthdate
{
    background-color: #f2ffd7;
    z-index: 9999;
    padding: 12px;
    border: 1px solid #8fa266;
    width: 170px;
    height: auto;
}


.checkbox-hidden-text label
{
    display: none;
}

.messages
{
    width: 630px;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    clear: left;
}

.messages td, .messages th
{
    padding: 0px 4px;
    margin: 0;
    line-height: 26px;
    height: 26px;
}

.messages .even td
{
    background-color: #fff7fb;
}

.messages .odd td
{
    background-color: #ffeff7;
}

.messages .even td.name
{
    background-color: #fffdfe;
}

.messages .odd td.name
{
    background-color: #fff6fa;
}

.biglink
{
    display: block;
    width: 100px;
    padding-left: 58px;
    height: 48px;
    background: url( sent_large.png) no-repeat top left;
    line-height: 48px;
    margin-right: 20px;
    float: left;
    font-size: 12pt;
}

.messages td.subject
{
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: center left;
}

.even .read
{
    background-image: url( ../Images/read.png );
}

.even .unread
{
    background-image: url( ../Images/unread.png );
}

.odd .read
{
    background-image: url( ../Images/read2.png );
}

.odd .unread
{
    background-image: url( ../Images/unread2.png );
}

.form-row-old
{
    padding: 6px 0;
}

.form-row, .form-row-bottom {
/*    background: #f9f7f4;*/
    width: 180px;
    height: 110px;
    margin: 0 10px 10px 0;
    padding: 10px;
    float: left;
    display: inline;
}

.form-row-bottom {
    width: 600px;
    height: auto;
}

.search-location {
    width: 180px;
    height: 90px;
}

.only-with-image {
    float: left;
}

#ctl00_ContentPlaceHolder1_btnSearch {
    float: right;
    width: 100px;
}

