/**
 *  Profiles stylesheet
 * @author Marc Stephenson - See <TA_PATH_CORE>/help/Copyright.txt for more information
 */

/* Account login welcome */
form#ta_login h2.ta_login_welcome {
}
    /* Username display */
    form#ta_login h2.ta_login_welcome strong {
        font-size:      105%;
    }
/* Login message below "welcome user" */
form#ta_login p.ta_login_message {
}

/* Profile */
div#profile {
    margin-bottom:  100px;
    height:         100%;
    width:          100%;
    clear:          both;
}
div#profile div#col_stats, div#profile div#col_about {
    width:          330px;
    display:        inline;
    clear:          none;
    vertical-align: top;
    float:          left;
    overflow:       visible;
}
div#profile div#col_stats {
}

div#profile div#col_about {
    margin-top:     30px;
}

dl#stats, dl#contact, dl#interests {
    display:        table;
    width:          350px;
    padding:        10px 0 10px 0;
}

dl#stats dt, dl#myitems dt, dl#contact dt, dl#interests dt, dl#about dt {   /* Stats title/name */
    display:        block;
    font-size:      16px;
    font-weight:    bold;
    text-align:     center;
    padding-bottom: 10px;
    clear:          both;
}

dl#stats dd.r1, dl#contact dd.r1 {
    display:        table-row;
}

#no_main_image, #main_image, #stats_txt, #action_links {
    display:        table-cell;
    float:          left;
}

#no_main_image {
    width:          150px;
    height:         100px;
    background:     #EEE;
    border:         1px dashed #AAF;
    font-weight:    bold;
    text-align:     center;
    vertical-align: middle;
}

#main_image {
    display:        inline;
    width:          150px;
    padding:        2px;
    margin:         5px;
}
#main_image img {
    border:         1px dashed #AAF;
}

#stats_txt {
    display:        inline;
}

#stats_txt div {
    clear:          both;
    padding:        10px;
}

#stats_txt div.title {
    vertical-align: top;
}

#stats_txt div.info {
    vertical-align: middle;
}

#stats_txt div.updated {
    vertical-align: bottom;
}

/* These are used on the profile list page */
#action_links {
    display:        inline;
    margin-left:    25px;
}

#action_links div {
    clear:          both;
    padding:        2px 0 0 10px;
    font-weight:    bold;
}

#album_link {
    padding-left:   10px;
    font-weight:    bold;
    clear:          both;
}

dl#myitems dt {
    padding:        5px;
    margin:         0;
}

dl#myitems {
    padding:        5px;
    border:         1px solid #CCC;
}

dl#myitems dd {
    margin:         0;
    padding:        2px;
    text-align:     center;
}

dl#myitems dd a {
    display:        inline-block;
    display:        -moz-inline-box;
    width:          45%;
    font-size:      110%;
    text-align:     center;
}

dl#myitems dd.myurl {
    text-align:     left;
}

dl#myitems dd.myurl p.myurl_title {
    font-weight:    bold;
}

dl#myitems dd.myurl p.url {
    overflow:       auto;
}

dl#contact dd.r1 div.im {
    display:        table-cell;
    padding:        0 5px 0 5px;
    float:          left;
}
dl#contact dd.r1 div.other_im {
    display:        table-cell;
    padding:        0 5px 0 5px;
    float:          left;
    clear:          both;
}
dl#contact dd.r1 div.website, dl#contact dd.r1 div.contact_email {
    display:        block;
    padding:        0 5px 0 5px;
    clear:          both;
}

dl#interests dd.r1 div {
    display:        block;
    padding:        0 5px 0 5px;
    clear:          both;
}

/* Photo Album Edit */
ul#edit_album {
    list-style-type:    none;
}

ul#edit_album li {
    margin:             10px 0 10px 0;
}

ul#edit_album dl {
    display:            table;
}

ul#edit_album dt.check_title {
    width:              100%;
    font-weight:        bold;
    background:         #CCF;
    border:             1px dotted #AAF;
}

ul#edit_album dd {
    display:            table-row;
    clear:              both;
}

ul#edit_album dd div.thumb, ul#edit_album dd div.info {
    display:            inline;
    float:              left;
    text-align:         left;
}

/* Not logged in data */
.not_logged {
    border:             1px dashed #CAF;
    background:         #EEF;
    font-weight:        bold;
    font-size:          110%;
    padding:            5px;
}

/* Portrait */
.portrait_active, .portrait_select {
    vertical-align:     top;
    clear:              both;
    padding:            3px;
}
.portrait_active {
    font-weight:        bold;
    font-size:          110%;
    color:              #C33;
}
.portrait_select {
    border:             1px dashed #FCC;
}
.portrait_select:hover {
    border:             1px solid #CAA;
}

/* Blogging */
dl.blog_entry {
    margin:             10px;
    padding:            5px;
    border-left:        1px dashed #AAF;
    border-bottom:      1px dashed #AAF;
}
dl.blog_entry dt {
    font-size:          120%;
    font-weight:        bold;
}
dl.blog_entry dd.blog_post_date {
    font-weight:        bold;
}
dl.blog_entry dd.blog_body {
    padding:            5px;
}

/* News */
dl.news_entry {
    margin:             10px;
    padding:            5px;
    border-left:        1px dashed #AAF;
    border-bottom:      1px dashed #AAF;
}
dl.news_entry dt {
    font-size:          120%;
    font-weight:        bold;
}
dl.news_entry dd.news_post_date {
    font-weight:        bold;
}
dl.news_entry dd.news_body {
    padding:            5px;
}

/* Calendar */
dl.calendar_entry {
    margin:             10px;
    padding:            5px;
    border-left:        1px dashed #AAF;
    border-bottom:      1px dashed #AAF;
}
dl.calendar_entry dt {
    font-size:          120%;
    font-weight:        bold;
}
dl.calendar_entry dd.calendar_post_date {
    font-weight:        bold;
}
dl.calendar_entry dd.calendar_body {
    padding:            5px;
}
dl.calendar_entry dd.calendar_address {
    padding:            5px;
}

/* Subscription */
dl.subscr_option {
    padding:            10px;
    margin:             10px 0 10px 20px;
    width:              400px;
    border:             1px solid #999;
}

dl.subscr_option dt {
    font-weight:        bold;
}
dl.subscr_option dt span.title, dl.subscr_option dt span.price {
    width:              45%;
    float:              left;
}

dl.subscr_option dt span.title {
    font-size:          110%
}
dl.subscr_option dt span.price {
    text-align:         right;
    color:              #080;
}
dl.subscr_option dd.desc {
    padding:            10px;
}

dl.subscr_option dd.form {
}
dl.subscr_option dd.form input.img_submit, img.img_cancel {
    border:             0;
}