body {
}

#my-imgs, .profile, .profileL, .profileR, .lookingfor, .val, .valmax, .stats, .statsmax,
.viewPhotos, .AspNet-FormView-Pagination, .matching_tool, .matches, .summary, .pActions,
.relate, .colL, .colR, .col32pc, .pricing
{
    height: 100%;
    overflow: hidden;
}

#search
{
    padding: 0px 10px 10px 10px;
    color: #999999;
}
#search h1
{
    color: #999999;
    margin-bottom: 15px;
}

img.main
{
    border: solid 1px #CECECE;
}
img.comp
{
    border: solid 1px Silver;
    background-color: White;
    padding: 5px;
    float: left;
    margin: 0px 20px 20px 0px;
}

ul.finished
{
    margin: 10px 0px 0px 0px;
    padding: 6px 0px;
    text-align: center;
}
ul.finished li
{
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
}
ul.finished a
{
    padding: 5px 10px;
}
ul.finished a.no-padding
{
    border-left: 0px;
}

#my-imgs .content
{
    height: 270px;
    width: 600px;
    overflow-y: scroll;
    border: dotted 1px Silver;
    padding: 5px;
}
#my-imgs h3, .matches h3, h3.activity
{
    margin-bottom: 10px;
}
#my-imgs .AspNet-DataList table
{
    width: 100%;
}
#my-imgs .AspNet-DataList table td
{
    width: 134px;
    padding-bottom: 20px;
    vertical-align: top;
}
#my-imgs .AspNet-DataList table td div.img
{
    display: block;
    overflow: hidden;
    height: 120px;
    width: 120px;
    padding: 5px;
    margin: 5px 0px;
    border: dotted 2px #CECECE;
    text-decoration: none;
    text-align: center;
}
#my-imgs .AspNet-DataList table td div.img:Hover
{
    border: solid 2px Silver;
}
#my-imgs .AspNet-DataList table td div.img-selected
{
    border: solid 2px #FF40FF;
}
#my-imgs .AspNet-DataList table td p
{
    text-align: right;
    margin: 5px 0px;
}
#content a.delete, #content a.close, #content a.primary
{
    display: block;
    background: transparent url("images/action_psy_no.png") no-repeat center right;
    padding: 0px 25px 1px 0px;
    margin-bottom: 5px;
    text-align: right;
}
#content a.close
{
    background-image: url("images/close.png")
}
#content a.primary
{
    background-image: url("images/primary.png");
}

/* Profile summary */
.summary img
{
    float: left;
    margin: 0px 7px 10px 5px;
    border: solid 2px White;
}
.summary h5
{
    margin-bottom: 7px;
}
.summary p
{
    margin-top: 5px;
}

/* inherits heading color */
.female
{
    color: #FF00FF;
}
.male
{
    color: #6060FF;
}

table.status
{
    width: 100%;
}
table.status td.num
{
    text-align: right;
}
table.status td
{
    padding: 2px 0px;
}

/* Personal profile page */
.profile
{
    margin-bottom: 20px;
}
.profile h3
{
    margin-bottom: 10px;
}
.profile .item
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.profile .stats .item, .profile .statsmax .item
{
    margin: 0px 0px 5px 0px;
}
.profile span.lbl
{
    width: 95px;
    float: left;
    padding-right: 5px;
    text-align: right;
}
.profile .lookingfor, .profile .val, .profile .valmax
{
    width: 120px;
    float: left;
    display: block;
}
.profile .valmax
{
    width: 345px;
}
.profile .stats
{
    width: 220px;
    float: left;
    margin-right: 5px;
}
.row .profile .photo, .profile .submit
{
    text-align: center;
}
.row .profile .photo p.link
{
    margin-top: 5px;
}
.block
{
    display: block;
}
.itemImg
{
    height: 300px;
}
.profile .submit
{
    padding-top: 10px;
}
/* Relate msg and image */
.profile .relate
{
    margin-bottom: 10px;
}
.profile .relate img
{
    float: left;
    margin: 0px 5px 0px 0px;
}
.relate_0
{
}
.relate_1
{
    color: #FF9600;
}
.relate_2
{
    color: #56A846;
}
.relate_3
{
    color: #FF9600;
}
.relate_4
{
    color: Red;
}

/* Photo-album (left) */
#left .AspNet-DataList table
{
    width: 100%;
}
#left .AspNet-DataList table td
{
    width: 50%;
    padding-bottom: 10px;
    text-align: center;
}
#left p.link
{
    text-align: center;
    margin-top: 5px;
}

/* View photos modal */
.viewPhotos .AspNet-FormView-Pagination
{
    margin-top: 10px;
    border-top: dotted 1px Silver;
    padding: 10px 0px 0px 0px;
}
.viewPhotos .AspNet-FormView-Pagination a, .viewPhotos .AspNet-FormView-Pagination .AspNet-FormView-ActivePage
{
    display: block;
    width: 30px;
    margin: 0px 3px 3px 0px;
    padding: 3px 0px;
    border: solid 1px #CECECE;
    text-align: center;
    float: left;
}
.viewPhotos .AspNet-FormView-Pagination .AspNet-FormView-ActivePage
{
    background-color: #FF40FF;
    color: White;
}

/* Personality table */
table.personality
{
}
table.personality td
{
    vertical-align: top;
}
table.personality td.male, table.personality td.female
{
    width: 95px;
    padding: 2px 5px 2px 0px;
    text-align: right;
}
table.personality td div.bar
{
    width: 27px;
    float: left;
    padding: 2px 0px;
    margin: 0px 3px 0px 0px;
    border-bottom: solid 5px #FDE9FD;
    text-align: center;
    background-color: Blue;
}
table.personality td div.digit
{
    width: 40px;
    float: left;
    padding: 2px 0px;
    text-align: center;
}
#content .x10
{
    background-color: #3000AC;
}
#content .x20
{
    background-color: #1000E4;
}
#content .x30
{
    background-color: #002CF4;
}
#content .x40
{
    background-color: #00A8AC;
}
#content .x50
{
    background-color: #00EC64;
}
#content .x60
{
    background-color: #20F800;
}
#content .x70
{
    background-color: Yellow;
}
#content .x80
{
    background-color: #FC6C00;
}
#content .x90
{
    background-color: #FC1400;
}
#content .x100
{
    background-color: #D00000;
}

/* Columns */
.row .profileL
{
    width: 450px;
    float: left;
}
.row .profileR
{
    width: 150px;
    float: right;
}
.colL
{
    width: 49%;
    float: left;
}
.colR
{
    width: 49%;
    float: right;
}
.col32pc
{
    width: 31%;
    float: left;
    margin-right: 10px;
}

#content .row .profileR .profile h3
{
    background-image: url("images/profile-hdr.png");
    font-size: 12pt;
    padding: 3px 0px 1px 8px;
    margin: 0px;
}
#content .row .profileR .profile
{
    background: White url("images/profile-ftr.png") no-repeat left bottom;
}
#content .row .profileR .profile h3.psy
{
    background-image: url("images/psy-hdr.png");
    color: White;
}

/* Actions */
.pActions
{
    margin: 10px 0px;
}
ul.actions, ul.actions li
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    list-style-type: none;
}
a.action, .modal
{
    display: block;
    padding: 2px 0px 3px 27px;
    margin: 0px 0px 4px 0px;
    border: solid 1px #EEEEEE;
    background: Transparent none no-repeat left center;
}
a.action:Hover, .modal
{
    background-color: #EEEEEE;
}
a.comment, .modal_comment
{
    background-image: url("images/action_comment.png");
}
a.email, .modal_email, a.modal_email
{
    background-image: url("images/action_email.png");
}
a.chat
{
    background-image: url("images/action_chat.png");
}
a.friend
{
    background-image: url("images/action_friend.png");
}
a.block
{
    background-image: url("images/action_block.png");
}
a.report
{
    background-image: url("images/action_report.png");
}
a.unblock
{
    background-image: url("images/action_unblock.png");
}
a.yes
{
    background-image: url("images/action_yes.png");
}
#content a.psy-yes
{
    background-image: url("images/action_psy_yes.png");
    text-decoration: underline;
}
a.no
{
    background-image: url("images/action_no.png");
}
a.next
{
    background-image: url("images/action_next.png");
}
#content a.psy-no
{
    background-image: url("images/action_psy_no.png");
    text-decoration: underline;
}
a.yessed
{
    background-image: url("images/action_yessed.png");
    text-decoration: underline;
}
a.yessed2
{
    background-image: url("images/action_yessed2.png");
    text-decoration: underline;
}
a.psy-yes2
{
    background-image: url("images/action_psy_yes2.png");
    text-decoration: underline;
}
a.favourites
{
    background-image: url("images/action_favourites.png");
    text-decoration: underline;
}
a.viewcomments
{
    background-image: url("images/action_viewcomments.png");
    text-decoration: underline;
}
a.pEmail
{
    background-image: url("images/action_pEmail.png");
    text-decoration: underline;
}
#content a.psy-yes:Hover, #content a.psy-no:Hover,
#content a.yessed:Hover, #content a.favourites:Hover,
#content a.viewcomments:Hover, #content a.pEmail:Hover
{
    text-decoration: none;
}
#content a.yessed:Hover, #content a.favourites:Hover, #content a.viewcomments:Hover, #content a.pEmail:Hover,
#content a.psy-yes2:Hover
{
    background-color: Transparent;
}

#content .modal
{
    cursor: move;
    border-color: Silver;
    margin-bottom: 10px;
}

/* Matching Tool */
.matches .content
{
}
.matches .summary img
{
    margin: 0px 7px 0px 0px;
}
.matches .AspNet-DataList table, table.activity
{
    width: 100%;
    padding: 0px;
}
.matches .AspNet-DataList table td
{
    width: 50%;
    vertical-align: top;
}
.matches .AspNet-DataList table td, .matches .AspNet-DataList table td.noHover:Hover
{   
    border: dotted 2px #CECECE;
    background-color: White;
    padding: 2px;
    cursor: auto;
}
.matches .AspNet-DataList table td:Hover
{
    border: solid 2px #FF40FF;
    cursor: pointer;
}
.matches .AspNet-DataList table td .summary .content
{
    padding: 0px 0px 10px 0px;
}
.matching_tool .AspNet-FormView-Pagination
{
    display: none;
    visibility: hidden;
}
.matches .summary ul.actions
{
    display: block;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}
#content .matches .summary ul.actions li
{
    margin: 0px;
    padding: 0px;
    display: inline;
}
#content .matches .summary ul.actions li a
{
    width: 130px;
    float: left;
    margin: 0px 4px 4px 0px;
}

table.match
{
    width: 100%;
    background-color: #FFE7FF;
    border: dotted 1px Silver;
    padding: 2px;
}
table.match th
{
    font-weight: normal;
    padding: 0px 2px 5px 2px;
    text-align: center;
    width: 10%;
}
table.match th.question, table.match td.question
{
    text-align: left;
    width: 50%;
}
table.match tbody td
{
    width: 10%;
    padding: 5px 1px;
    vertical-align: top;
    border-top: dashed 1px Silver;
    text-align: center;
}
table.match caption
{
    text-align: right;
    background-color: #FF40FF;
    color: White;
    padding: 2px 5px;
}

/* User activity table */
table.activity
{
    width: 100%;
    border: dotted 1px #CECECE;
    background-color: White;
}
table.activity td, table.listing td
{
    border-top: dotted 1px #CECECE;
    padding: 4px;
    vertical-align: top;
}
table.listing tr
{
    background-color: #EEEEEE;
}
table.activity td.num, table.activity td.symbol
{
    text-align: right;
    vertical-align: middle;
}
table.activity td.username
{
    vertical-align: middle;
}
table.activity td.thumbnail_small
{
    width: 50px;
}
table.activity td.symbol
{
    width: 1%;
}

/* Pricing options */
.pricing table
{
    width: 100%;
}
.pricing table td
{
    width: 33%;
    vertical-align: middle;
    text-align: center;
    font-size: 12pt;
}
.pricing table td .imgbtn
{
    width: 190px;
    height: 250px;
    color: White;
    background: Transparent none no-repeat left top;
    position: relative;
    z-index: 0;
    border: dotted 2px #CECECE;
}
.pricing table td .imgbtn h3
{
    color: White;
    font-size: 28px;
    font-weight: bold;
    margin: 90px 0px 0px 0px;
}
.pricing table td .imgbtn h4
{
    color: White;
    font-size: 22px;
}
.pricing table td .imgbtn h4 span
{
    font-weight: bold;
}
.pricing table td input
{
    position: relative;
    top: -252px;
    z-index: 1000;
}