/* YUI CSS v2.5.1 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,AppleGothic Regular,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:675px;}.yui-ge .yui-u,.yui-gf div.first{width:200px;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
/* END YUI */

/* == Generic/Site-wide styles ============================================= */
html {
    background-image:url(/img/background.png);
    background-repeat:repeat-x;
    background-color:#25221B;
    color:#877d6e;
}

img { -ms-interpolation-mode:bicubic; } /* IE fix to make it resize images properly */

h1 {
    color:#ffffff;
    font-size:123.1%;
    font-weight:bold;
    text-shadow:0 0 0 #0A0A04;
    margin-bottom:.8em;
}

h2 {
    color:#ffffff;
    font-size:108%;
    font-weight:bold;
    text-shadow:0 0 0 #0A0A04;
    margin-bottom:.8em;
}

h3 {
    color:#ffffff;
}

b {
    color:#ffffff;
    text-shadow:0 0 0 #0A0A04;
}

p {
    margin-bottom:.8em;
}

strong {
    font-weight: bold;
}

form {
    width:40%;
}

form.withtips {
    width:100%;
}

form.withtips .tips {
    width:80%;
}

select {
    margin: 0 5px;
}


a {
    text-decoration:none;
    cursor:pointer;
}
a:link {
    color:#97b2cf;
}
a:visited {
    color:#97b2cf;
}
a:hover {
    text-decoration:underline;
}

a.action {
    text-decoration:none;
    color:#97b2cf;
    cursor:pointer;
}
a.action.hover {
    background-color:transparent;
    text-decoration:underline;
}

a.input_submit {
    outline: none;
}

a:link.input_submit, a:visited.input_submit {
    color: #0a0a04;
}

a:hover.input_submit {
    color: #97B2CF;
}

.pic_cmd a.input_submit {
    float: none;
    display: block;
    height: auto;
}

a.input_submit.hover {
    background-color: #97B2CF;
    text-decoration: none;
}

ul li {
    list-style-position:outside;
    list-style-type:disc;
    margin:7px 0;
    margin-left: 19px;
}

.galleryinfo li {
    margin-left: 0;
}

#mastermenu {
    text-align:left;
    padding-left: 253px;
}

#mastermenu a {
    margin-right: 45px;
}

.clear {
    clear: both;
}

.spinner {
    display: none;
}

.subheader {
    color:#ffffff !important;
}
.saveflickr {
    margin-top: 19px;
}

.highlighted {
    font-weight:bold !important;
    color:#ffffff !important;
    text-shadow:0 0 0 #0A0A04;
}

.title h2.highlighted {
    font-size: 14px;
    margin: 0;
    margin-bottom: 0;
    display: inline;
    margin-right: 5px;
}

.error {
    color:#bc3343;
    margin:.5em 0;
    font-size:85%;
}

.success {
    color:#8dc46a;
    margin:.5em 0;
    font-size:85%;
}

.whisper {
    font-style:italic;
}

.nofoaf {
    color:#5f564c;
}

.comment_timestamp {
    color:#5f564c;
    font-size:85%;
    white-space: nowrap;
}

.padded {
    padding:19px;
}

.inline_input {
    padding-right:.6em;
}

.input_row {
    margin-top:0.8em;
    clear:left;
    position:relative;
}

.input_row.top {
    margin-top:0;
}

.input_row .input_content {
    float:left;
    width:49%;
}

.input_row .status {
    padding:0 .5em;
    float:left;
}

.input_row .status .icon {
    background-repeat:no-repeat;
    width:20px;
    height:20px;
}

.input_row .status .icon.ok {
    background-image:url(/img/icons/circle_check.gif);
}

.input_row .status .icon.invalid {
    background-image:url(/img/icons/circle_x.gif);
}

.input_row .tip {
    font-size:77%;
    position:absolute;
    top:0;
    right:0;
    width:39%;
    margin-top:2em;
}

.input_label {
    margin-bottom:0.4em;
    position:relative;
    width:100%;
}

.input_label .hint {
    font-size:93%;
    position:absolute;
    top:.15em;
    right:0;
}

.tips .input_label {
    width:49%;
}

.input_check {
    vertical-align:middle;
}

.input_text {
    border:1px solid #97B2CF;
    width: 98%;
    padding-left: 3px;
    padding-right: 3px;
}
.myradar .input_text {
    width: 470px;
}
#picture .input_text {
    width: 353px;
}

.input_text.focus {
    border:1px solid #97B2CF;
}

.input_select {
    width:100%;
}

.input_submit {
    background-image:url(/img/buttonbg-hi.png);
    border:0 none;
    color:#0a0a04;
    cursor:pointer;
    font-size:13px;
    height:29px;
    line-height:29px;
    vertical-align:middle;
    position: relative;
    padding: 0px 8px;
    outline: none;
}

.input_submit.hover {
    color:#97B2CF;
    background-image:url(/img/buttonbg.png);
}

.input_submit span.bleft{
    background: transparent url(/img/buttonends.png) top left no-repeat;
    display:block;
    height:29px;
    left:-15px;
    position:absolute;
    top:-8px;
    width:12px;
}

.input_submit span.bright{
    background: transparent url(/img/buttonends.png) top right no-repeat;
    display:block;
    height:29px;
    right:15px;
    position:absolute;
    top:-8px;
    width:12px;
}

.privacy_button {
    border: 1px solid #97B2CF;
    background-color: #0A0A04;
    color: #97B2CF;
    cursor:pointer;
    font-size:20px;
    font-weight:bold;
    height:60px;
    width:250px;
    line-height:60px;
    vertical-align:middle;
    position: relative;
    outline: none;
    text-align: center;
}

.privacy_button:hover {
    color: #000;
    text-decoration: none;
    background: url(/img/settings/privacy/buttonbg-hi-on.png) top left;
}

.privacy_button.selected {
    color: #000;
    text-decoration: none;
    background: url(/img/settings/privacy/buttonbg-hi-on.png) top left;
}

.input_submit.hover span.bleft, .input_submit.hover span.bright {
    background-image: url(/img/buttonends-hi.png);
}

/* Identity */

#identityFloatRight {
    float: right;
}

.learnmore .input_submit {
    padding-top:0;
}

.foafPopup {
    font-style: normal;
    z-index:1;
    position:absolute;
    top:-10px;
    left:-23px;
    display: none;
    padding:19px;
    background:#0a0a04;
    border:4px solid #877d6e;
}
.foafPopup .arrow {
    position: absolute;
    left: -13px;
    top: 19px;
    width: 10px;
    height: 10px;
    background: url(/img/info-arrow.png) no-repeat;
}
#custom-doc {
    margin:auto;text-align:left;
    width:68.92em;
    *width:67.2em;
    min-width:896px;
}

#body {
    position: relative;
}

#utility {
    text-align:right;
    margin-top:2em;
    margin-bottom:3.6em;
    font-size:85%;
    height: 41px;
}

#logo {
    float: left;
}

*:first-child+html #logo {
    margin-top: 2em;
}

#logo a {
    display:block;
    background-image:url(/img/logo.png);
    background-repeat:no-repeat;
    position:relative;
    width:159px;
    height:47px;
    overflow:hidden;
    left: 19px;
    text-indent: -9999px;
    cursor: hand;
}

#mainmenu {
    font-size:153.9%;
    margin-bottom:2em;
    position:absolute;
    width:178px;
    text-align:left;
    top: -81px !important;
    left: 0;
    height: 47px;
    overflow: hidden;
}


/* ========================================================================= */
/* == Master-Nav =========================================================== */
/* ========================================================================= */
.nav {
    border:1px solid #393830;
    background-color:#0a0a04;
}

/** -- Section -- */
.nav .section {
    padding-left: 19px;
    border-top: 1px solid #393830;
    margin: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
}
.nav .section.top {
    border-top: 0;
}
/**
 * A top-level section that is highlighted. most top-level sections don't
 * highlight, one of their items do.
 */
.nav .section.highlighted {
    background-color: #25221B;
}

/** -- Section header -- */
.nav h3 a {
    color: white;
    font-size: 90%;
}

/** -- Section items -- */
.nav ul li {
    list-style: none;
    padding-left: 12px;
    font-size: 12px;
    margin: 3px 0;
}
.nav li.highlighted {
    background-color: #25221B;
    position: relative;
    padding: 3px;
    padding-left: 30px;
    padding-right: 2px;
    left: -19px;
    width: 166px;
}
.nav li.highlighted a {
    color: white;
}


/* -- Master-Nav - Profile badge ------------------------------------------- */
.nav #master-badge {
    padding: 19px 19px 0 19px;
}
.nav #master-badge #badge-avatar {
    display: inline-block;
    float: left;
}
.nav #master-badge #badge-vitals {
    display: inline-block;
    padding-left: 5px;
}
.nav #master-badge #badge-username {
    padding-bottom: 1px;
}
.nav #master-badge .badge-following, #followCounts .badge-following {
    display: inline-block;
    float: left;
    margin: 5px 5px 5px 2px;
    line-height: 90%;
    font-size: 14px
}
.nav #master-badge .badge-followers, #followCounts .badge-followers {
    display: inline-block;
    float: right;
    margin: 5px 0 0 5px;
    line-height: 90%;
    font-size: 14px
}


/* -- Master-Nav - Alerts -------------------------------------------------- */
.nav #master-alerts.section {
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.nav #master-alerts ul li {
    margin: 0;
    padding-left: 0;
}
.nav #master-alerts.section.highlighted {
    background-color: #97B2CF;
}
.nav #master-alerts.section.highlighted ul li a {
    color: black;
    font-weight: normal;
}


/* ========================================================================= */
/* == New User Prompts ===================================================== */
/* ========================================================================= */

/** The container above the post list that contains the new user prompt "buttons". */
#newUserPrompts {
    margin-bottom: 6px;
    margin-left: 220px;
    padding: 0;
}
#newUserPrompts_title {
    color: white;
    margin-bottom: 4px;
    padding-left: 2px;
    font-size: 12px;
}

#newUserPromptsList {
    height: 76px;
}

/* Temporary spinner placeholders for "buttons" being dismissed. */
.prompts .spinner {
    /* display: inline-block; Handled by javascript */
    vertical-align: top;
    width: 217px;
    height: 97px;
}
.prompts .spinner img {
    vertical-align: middle;
}

/** A "button" at the top of the post list */
.newUserPrompt {
    float: left;
    width: 217px;
    height: 71px;
}
/*.newUserPrompt:hover {*/
    /*opacity: 0.7;*/
/*}*/
.prompt_dismiss {
    color: white;
    width: 217px;
    height: 17px;
    text-align: right;
}
.prompt_dismiss a {
    padding-right: 6px;
}
.prompt_text_container {
    /*color: #ccccff;*/
    width: 217px;
    height: 54px;
    color: white;
    font-size: 13px;
    font-weight: bolder;
    cursor: pointer;
}

.prompt_text {
    padding: 17px 10px 5px 10px;
}

#prompt_first_post {
    margin-right: 12px;
}

#prompt_privacy {
    margin-right: 13px;
}


/* ========================================================================= */
/* == Content ============================================================== */
/* ========================================================================= */

.content {
    font-size:100%;
    border:1px solid #393830;
    background-color:#0a0a04;
}

.content.next {
    border-top:0;
}

.content .alert {
    height: 40px;
    position: relative;
}

.content .announce img {
    float: left;
    padding-right: 10px;
}

.content .announce p.text {
    margin-left: 45px;
}

.content .myradar, .content .alerts {
    border-top: 1px solid #393830;
    border-bottom: 1px solid #393830;
}

.content .padded.profileheader {
    border-bottom: 1px solid #393830;
}

.content .myradar .alert {
    height: 40px;
    position: static; /* fix for IE bug with z-index */
}

.content .alerts .announce {
    position: relative;
}

.content .alert .request, .content .alert .share{
    line-height: 40px;
}

.content .alert img {
    vertical-align: middle;
    margin-right: 5px;
}

.content .alert .request button {
    position: relative;
    top: -2px;
}

*:first-child+html .content .alert {
    position: relative;
    top: 0px;
}

.content .alert .foafPopup {
    line-height: 1em;
}

.content .alert img.icon {
    float: left;
    margin-right: 10px;
}

.content .alert .alertFloatLeft {
    display: inline-block;
    float: left;
}

.content .alert .alertFloatRight {
    display: inline-block;
    float: right;
    margin-top: 10px;
}

.content .divider {
    clear:both;
    background-color:#25221b;
    height:2px;
    margin:19px 0;
    overflow:hidden;
}

.content .timestamp {
    color:#5F564C;
}

.content #invitepictures {
    margin-bottom: 20px;
}

.content #invitepictures img {
    margin-right: 7px;
}

.content .toolbar {
    clear:both;
    padding:6px 19px;
    font-size:93%;
    height:16px;
    background-color: #0A0A04;
}

.content .toolbar .filter {
    float:left;
    position: relative;
    top: -7px;
    left: -19px;
}
.content .toolbar .filter ul {
    position: relative;
    top: 1px;
}
.content .toolbar .filter ul li {
    height: 28px;
    position: relative;
    line-height: 28px;
    float: left;
    padding: 0 15px;
    margin: 0;
    list-style: none;
}

.content .toolbar .filter ul li.highlighted {
    background-color: #25221B;
    padding:0 10px;
}
.content .toolbar .filter ul li.highlighted a {
    color: white;
}

.content .toolbar .navigation {
    border-left:1px solid #393830;
    float:right;
    height:28px;
    line-height:28px;
    padding-left:15px;
    position:relative;
    text-align:center;
    top:-6px;
    width:122px;
}

.content .toolbar .navigation span {
    font-size: 85%;
}
.content .toolbar .navigation span.active, .content .toolbar .navigation span.inactive {
    font-size: 117%; /* reseting font size for middle pipe */
}

.content .toolbar .navigation span.newer {
    padding-left: 1px;
}

.content .list {
    width:100%;
    clear:both;
    height:1em;
    margin:3px 0;
    padding:0.45em 0 .55em 0;
    background-color:#17150e;
}

.content .list .name {
    float:left;
    width:48%;
    margin-left:.5em;
}

.content .list .edit {
    float:right;
    width:48%;
    text-align:right;
    margin-right:.5em;
}

.content .members {
    float:left;
    width:47%;
    font-size:93%;
}

.content .nonmembers {
    float:right;
    width:47%;
    font-size:93%;
}

.content .member {
    width:100%;
    clear:both;
    height:1em;
    margin:3px 0;
    padding:0.45em 0 .55em 0;
    background-color:#25221b;
}

.content .member .name {
    float:left;
    width:34%;
    margin-left:.5em;
}

.content .member .realname {
    float:left;
    width:44%;
}

.content .member .addremove {
    float:right;
    width:12%;
    text-align:right;
    margin-right:.5em;
}

.content #friendPicker .importadd {
    float: right;
    position: relative;
    top: 76px;
    right: 40px;

}

*:first-child+html .content #friendPicker .importadd {
    width: 196px;
    top: 93px;
    right: 40px;
}

*:first-child+html .content #friendPicker .importadd button {
    width: 196px !important;
}
.content .friend {
    width:100%;
    clear:both;
    height:1em;
    margin:3px 0;
    padding:0.45em 0 .55em 0;
    background-color:#17150e;
}

.content .friend .nickname {
    float:left;
    width:24%;
    margin-left:0.5em;
}
.content .friend .title {
    float:left;
    margin-left:0.5em;
}

.content .friend .title small {
    font-weight: normal;
    font-size: 75%;
    position: relative;
    top: -1px;
}

.content .friend .drop {
    float:right;
    width:14%;
    text-align:right;
    margin-right:.5em;
}

.content .detail .header {
}

.content .detail .header .title {
}

.content .detail .header .metadata {
}

.content .detail .header .navigator {
}

.content .detail .media {
}

.content .detail .toolbar {
}

.content .detail .comments {
}

#footer {
    text-align:center;
    font-size:85%;
    margin-top:4em;
    margin-bottom:1.5em;
}

body button, body input {
    font-family: Arial, sans-serif;

}

.transparent {
    opacity: 0.9;
}

.addfriends {
    float:left;
    width:350px;
    margin-bottom: 19px;
}

.addfriends img {
    float: left;
    margin-right: 10px;
}

div.addfriends .request span form {
    position: absolute;
    left: 350px;
}

.ajaxpopup {
    font-size: 90%;
    z-index: 99999;
    position: absolute;
    text-align: center;
    width: 445px;
}

.ajaxpopup div.padded {
    border: 3px solid rgb(135, 125, 110);
    margin: 0pt auto;
    background: black;
    width: 400px;
    text-align: left;
    position: relative;
}

#profileheader {
    position: relative;
}

#profileheader button {
    float: right;
}

#profileheader h1 span {
    padding-left: 20px;
    font-size: 85%;
    color: #877D6E;
    font-weight: normal;
}

#profileheader h1 a {
    margin: 0 5px;
}

#profileheader p.notice {
    position: relative;
    top: -1em;
    margin-bottom: 0;
    width: 350px;
}

.account select {
    margin: 0;
}

.profile select {
    margin: 0;
}

.profile .picProfile img.avatar {
    float: left;
    margin-right: 5px;
}

.profile .picinstruct {
    position: relative;
}

.profile .picProfile #profilePicIcon {
    bottom:-13px;
    display:block;
    position:absolute;
    right:115px;
}
.profile .input_content#profilePic {
    width: 90%;
}

.profile #genderInput input {
    margin-right: 5px;
}
.profile #genderInput label {
    margin-right: 15px;
}
.profile input#postalCodeInput {
    width: 70px;
}
.profile .currloc {
    display:block;
    font-size:90%;
    margin-top:3px;
}

div.upsell, .boxout {
    border: 1px solid #393830;
    padding: 19px;
    font-size: 85%;
}
.nav .upsell {
    margin-top: 0;
    border: 0;
    padding: 10px 20px 10px 0;
}

div.upsell ul li {
    list-style: none;
    text-indent: 0px;
    padding: 0px; margin: 0px;
    list-style-position:outside;
    padding-bottom: 8px;
    font-size:11px;
    height:auto;
    line-height:13.6px;
}


#successMessageBox, #infoMessageBox, #errorMessageBox,
.successMessageBox, .infoMessageBox, .errorMessageBox,
    #dynamicSuccessMessageBox, #dynamicInfoMessageBox, #dynamicErrorMessageBox {
    padding: 19px;
    border: 1px solid #877d6e;
    margin-bottom: 19px;
    margin-top: 10px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}

#successMessageBox, #dynamicSuccessMessageBox {
    padding-left: 59px;
    background: url(/img/icons/success.png) 19px center no-repeat;
}

#errorMessageBox, #dynamicErrorMessageBox {
    padding-left: 59px;
    background: url(/img/icons/error.png) 19px center no-repeat;
}

.profilebuttons button.reportuserpopup, #profileheader .profilebuttons button.reportuserpopup {
    border: 0px;
    right: 110px;
    color: #877D6E;
    padding: 0;
    line-height: 33px;
    height: 33px;
    width: 160px;
}

*:first-child+html #profileheader .profilebuttons button.reportuserpopup {
    right: 130px;
}

#profileheader.noaddfriend button.reportuserpopup {
    right: 0;
}

*:first-child+html #profileheader.noaddfriend button.reportuserpopup {
    right: 0px;
}

.profilebuttons button.reportuserpopup span.btext {
    line-height: 30px;
    height: 30px;
    float: left;
}
.profilebuttons button.reportuserpopup span.icon {
    background: url(/img/post-details/toolbar-icons.png) -99px 0px no-repeat;
    height: 33px;
    width: 28px;
    float: left;
    margin-right: 6px;
}

.profilebuttons button.reportuserpopup.hover {
    background: transparent;
    color: #877D6E;
}
.profilebuttons button.reportuserpopup.hover span.icon {
    background-position: -99px -33px;
}

.limitdisplay {
    position: absolute;
    right: -210px;
}

.limitdisplay .over {
    color: darkred;
}

h1 .small {
    font-size: 90%;
    padding-left: 10px;
}

.pleasejoin {
    margin-top:.8em;
    color: white;
    font-style: bold;
}

td.details .pleasejoin {
    text-align: right;
}

.highlighted.postheader {
    margin-bottom: 5px;
}

#messageBox {
    margin-top: 5px;
    color: #877D6E !important;
    line-height: 30px;
}

#messageBox.success {
    background: url(/img/icons/success.png) middle left no-repeat;
    padding-left: 35px;
}

#messageBox.failure {
    background: url(/img/icons/error.png) middle left no-repeat;
    padding-left: 35px;
}

select#birthMonth {
    margin-left: 0;
}

.googleads {
    padding-top:19px;
    padding-left:0;
}
/* jQuery Autocomplete form styles */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    text-align: left;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* if width is 100% horizontal scrollbar will apear when scroll mode is used */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* !important, if line-height not set or set in relative units (ie % or em) scroll will be broken in firefox */
    line-height: 16px;
    overflow: hidden;
    color: black;
}

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #877D6E;
    color: white;
}

span.searchterm {
    background: #97B2CF;
    font-weight: bold;
}

#profile.flickr #profileheader img.avatar {
    float: left;
}

#profile.flickr #profileheader h1 img {
    margin-left: 5px;
}

#profile.flickr #relationship {
    clear: both;
    padding: 10px 0 25px 0;
    width: 500px;
}

.commentBox {
    position: relative;
}

li.spaced {
    padding-top: 10px;
}

#join .input_text {
    width: 90%;
}

#joinTheConversation {
    text-align: center;
    padding: 10px;
}

#joinButtons {
    width: 194px;
    margin: 10px auto;
    text-align: left;
}

#thirdPartyFriendsLightbox {
    position: absolute;
    z-index: 1000000;
    top: 16px;
    left: 19px;
    margin: 0 auto;
    padding: 19px;
    border: 1px solid #393830;
    background-color: #0a0a04;
    width: 819px;
    height: auto;
}

#friendsLightboxScroll {
    overflow-x:hidden;
    overflow-y:auto;
    height: 600px;
}

#prompt_popup_newUserRadarName {
    z-index: 1000001;
    position: absolute;
    left: 250px;
    top: 200px;
}

/* ========================================================================= */
/* == Post Privacy ========================================================= */
/* ========================================================================= */

.post_privacytype {
    border: 1px solid #97B2CF;
    background-color: #0A0A04;
    color: #97B2CF;
    cursor: pointer;
    /*font-size:20px;*/
    /*font-weight:bold;*/
    /*height: 20px;*/
    /*width: 200px;*/
    /*line-height:60px;*/
    padding : 5px 10px; 
    vertical-align: middle;
    position: relative;
    outline: none;
    text-align: center;
}
.post_privacytype:hover {
    color: #000;
    text-decoration: none;
    background: url(/img/settings/privacy/buttonbg-hi-on.png) no-repeat top left;
}
.post_privacytype.selected {
    color: #000;
    text-decoration: none;
    background: url(/img/settings/privacy/buttonbg-hi-on.png) no-repeat top left;
}

/* ============================================================================
 * SuperTools - functions available to super users, viz., making posts popular,
 * superliking posts, or making users featured
 * ========================================================================= */
#supertools {
    width: 78px;
    height: 32px;
    position: absolute;
    left: 0;
    top: -3px;
    background-image: url(/img/post-details/supertools.png);
}

#supertools a {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

#supertools a.makepopular, #supertools a.ispopular,
    #supertools a.hidepopular, #supertools a.unhidepopular,
    #supertools a.makefeaturedperson, #supertools a.isfeaturedperson,
    #supertools a.hidefeaturedperson, #supertools a.unhidefeaturedperson {
    width: 28px;
    height: 27px;
    background-image: url(/img/post-details/super-buttons.png);
    overflow: hidden;
    text-indent: -999px;
    position: relative;
    top: 3px;
    left: 7px;
    outline: none;
}
#supertools a.makepopular:hover, #supertools a.makefeaturedperson:hover{
    background-position: 0px -27px;
}
#supertools a.ispopular, #supertools a.isfeaturedperson {
    background-position: 0px -27px;
    cursor: default;
}
#supertools a.hidepopular, #supertools a.hidefeaturedperson {
    position: relative;
    top: 3px;
    left: 15px;
    background-position: 28px 0px;
}
#supertools a.hidepopular:hover, #supertools a.hidefeaturedperson:hover {
    background-position: 28px -27px;
}
#supertools a.unhidepopular, #supertools a.unhidefeaturedperson {
    position: relative;
    top: 3px;
    left: 15px;
    background-position: 28px -27px;
}
#supertools a.unhidepopular:hover, #supertools a.unhidefeaturedperson:hover {
    background-position: 28px 0px;
}


#twitterForm {
    margin-bottom:19px;
}

.fbc_enabled {
    display: none;
}