* {
    padding: 0;
    margin: 0;
}

html {
    background-color: #EFA0E5;
}

table {
    border-collapse: collapse;
}

img {
    border: 0;
}

a, a:hover, a:visited, a:active, span.fake-link {
    text-decoration: none;
    color: #00f;
}

body, input, select, textarea {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

label,
input[type=radio],
input[type=checkbox] {
    vertical-align: middle;
}

h1,
h2,
h3,
blockquote.on-my-mind {
    font-family: "Palatino Linotype", Palatino, Georgia, serif;
}

h1 { font-size: 25px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }

body, html {
    height: 100%;
}

a.blocklink {
    display: block;
    padding: 0.25em;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #aaf;
}

#root {
    min-width: 1060px;
    max-width: 1120px;
    width: 95%;
    margin: 0 auto;

    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */

    /* for #footer */
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
     -khtml-box-shadow: 0 0 10px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
         -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
;
}

#header {
    position: relative;
    height: 100px;
    padding-left: 440px;
    background-color: #DB59CE;
}

#header img.logo {
    position: absolute;
    top: 0;
    left: 20px;
}

#header-links {
    display: inline-block; zoom: 1; *display: inline;
;
    position: absolute;
    top: 70px;
    right: 10px;
    vertical-align: bottom;
    color: #FFD9F8;
}

#header-links .separator,
#header-links a {
    margin-right: 0.5em;
    font-weight: bold;
    color: #FFD9F8;
    text-shadow: 0px 0px 2px #C404B2, 1px 1px 2px #C404B2;
}

#logout {
    display: inline;
}

#logout input {
    border: 0;
    font-weight: bold;
    font-size: 90%;
    padding: 0.2em 0.5em;

    color: #FFD9F8;
    background-color: #CF2EC0;
    border: 1px solid #F3AEEA;
    text-shadow: 0px 0px 2px #C404B2, 1px 1px 2px #C404B2;
    -webkit-border-radius: 0.3em;
     -khtml-border-radius: 0.3em;
       -moz-border-radius: 0.3em;
         -o-border-radius: 0.3em;
            border-radius: 0.3em;
;
}

#footer-links a {
    margin-right: 1em;
}

#content {
    padding: 1em 2em;
    position: relative;
    padding-bottom: 5em;
    background-color: #ffffff;
}

#footer {
    width: 100%;
    height: 4em;
    text-align: center;
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
}

#admin-links {
    padding: 0.5em 1em;
    font-size: 90%;
}

#admin-links .new {
    font-weight: bold;
}

.tabs {
    /* draw border-bottom of .selected over border-top of .tabbed */
    position: relative;
    z-index: 1;
    clear: both;
}

.tabs a,
.tabs span {
    display: inline-block; zoom: 1; *display: inline;
;
    min-width: 8em;
    text-align: center;
    vertical-align: middle;
    padding: 0.2em 1em;

    background-color: #FBCAF3;
    border: 1px solid #EB92E0;
    -webkit-border-radius: 0.3em 0.3em 0 0;
     -khtml-border-radius: 0.3em 0.3em 0 0;
       -moz-border-radius: 0.3em 0.3em 0 0;
         -o-border-radius: 0.3em 0.3em 0 0;
            border-radius: 0.3em 0.3em 0 0;
;
}

.tabs .selected {
    font-weight: bold;
    background-color: #ffffff;
    border-bottom-color: #ffffff;
}

.tabs a {
    color: #C404B2;
}

.tabs .warn {
    background-image: url("img/tango/16x16/software-update-urgent.png");
    background-repeat: no-repeat;
    background-position: 2px 1px;
}

.viptabs {
    position: absolute;
    right: 2em;
    top: 2em;
    text-align: right;
    padding-right: 1em;
}

.viptabs a,
.viptabs span {
    padding-bottom: 2em;
    -webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
     -khtml-border-radius: 0.3em 0.3em 0.3em 0.3em;
       -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
         -o-border-radius: 0.3em 0.3em 0.3em 0.3em;
            border-radius: 0.3em 0.3em 0.3em 0.3em;
;
}

.viptabs .selected {
    font-weight: bold;
    background-color: #ffffff;
    border-bottom-color: #EB92E0;
}

.tabbed {
    padding: 1em;
    margin-top: -1px;
    position: relative;
    min-height: 400px;

    border: 1px solid #EB92E0;
    -webkit-border-radius: 0 0.5em 0.5em 0.5em;
     -khtml-border-radius: 0 0.5em 0.5em 0.5em;
       -moz-border-radius: 0 0.5em 0.5em 0.5em;
         -o-border-radius: 0 0.5em 0.5em 0.5em;
            border-radius: 0 0.5em 0.5em 0.5em;
;
}

.image-thumb,
.image-thumb-big {
    display: inline-block; zoom: 1; *display: inline;
;
    width: 130px;
    padding: 8px 8px 8px 8px;
    text-align: center;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    position: relative;

    background-color: #ffffff;
    border: 1px solid #EB92E0;
}

.image-thumb-big {
    width: 200px;
}

.image-thumb-big .img {
    height: 150px;
}

.image-thumb .img {
    height: 98px;
}

.image-thumb img {
    margin: auto;
    display: block;
}

.private-logo {
    position: absolute;
    top: 10px;
    right: 10px;
}

.private-overlay {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 130px;
    height: 98px;
    background-color: rgba(255,255,255,0.75);
    background-image: url('img/tango/32x32/emblem-readonly.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.image-browser {
    text-align: center;
}

.image-browser img {
    margin-top: 0.5em;
}

.image-browser .description {
    margin: 0 auto;
    padding: 1em 0;

    background-color: #FBCAF3;
    border: 1px solid #EB92E0;
    -webkit-border-radius: 0.5em;
     -khtml-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
         -o-border-radius: 0.5em;
            border-radius: 0.5em;
;
}

.paged {
    display: inline-block; zoom: 1; *display: inline;
;
}

#profile-search {
    position: absolute;
    top: 0.3em;
    right: 0.3em;
}

#page-profiles-search .tabbed {
    min-height: 40em;
}

label {
    display: block;
    font-weight: bold;
    margin-top: 0.5em;
}

label.check {
    display: inline;
    margin-right: 1em;
    font-weight: normal;
}

.multiradio label {
    display: inline-block; zoom: 1; *display: inline;
;
    font-weight: normal;
    vertical-align: center;

    padding-left: 1em;
    padding-right: 1em;

    width: 16ex;
}

.multiradio input {
    margin: 0 2px;
}

.multiradio label.left {
    text-align: right;
}

.multiradio span.tick,
.multiradio span.empty,
.multiradio span.null {
    display: inline-block; zoom: 1; *display: inline;
;
    width: 1em;
    height: 1em;
    margin: 1px;
    border: 1px solid #C712B6;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
;
}

.multiradio span.tick {
    color: #DB59CE;
    background-color: #DB59CE;
}

.multiradio span.empty {
    color: #ffffff;
    background-color: #ffffff;
}

.multiradio span.null {
    color: #ffffff;
    background-color: #ffffff;
    border-color: $colorMultiradioDisabledBorder ?>;
}

input, select, textarea {
    margin: 0.25em 0;
}

input[type=submit] {
    padding: 0.1em 0.5em;
}

input[type=text],
input[type=password],
textarea {
    padding: 0.2em 0.4em;
    border: 1px solid #b0b0b0;
    -webkit-box-shadow: inset 0 0 3px #d0d0d0;
     -khtml-box-shadow: inset 0 0 3px #d0d0d0;
       -moz-box-shadow: inset 0 0 3px #d0d0d0;
         -o-box-shadow: inset 0 0 3px #d0d0d0;
            box-shadow: inset 0 0 3px #d0d0d0;
;
    -webkit-border-radius: 0.25em;
     -khtml-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
         -o-border-radius: 0.25em;
            border-radius: 0.25em;
;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
    border-color:#a0a0d0;
    -webkit-box-shadow: inset 0 0 3px #a0a0ff;
     -khtml-box-shadow: inset 0 0 3px #a0a0ff;
       -moz-box-shadow: inset 0 0 3px #a0a0ff;
         -o-box-shadow: inset 0 0 3px #a0a0ff;
            box-shadow: inset 0 0 3px #a0a0ff;
;
}

div.note {
    position: absolute;
    top: 3em;
    right: 3em;
    width: 300px;
    background-color: #ffa;
}

p.info {
    text-align: center;
    width: 60ex;
    margin: 1em auto;
    background-color: #ffa;
}

div.info {
    width: 60ex;
    margin: 1em auto;
    background-color: #ffa;
}

#root > div.info {
    margin-left: -30ex;
    position: absolute;
    top: 14em;
    left: 50%;
    z-index: 100;
}

div.info input[type=radio] {
    margin-left: 2em;
}

.buttons {
    text-align: center;
}

div.note,
div.errors,
div.warning,
.help div,
div.info,
p.info {
    padding: 1em 1.5em;
}

div.help div {
    background-color: #ffa;
}

p.warning {
    background-color: #ffa;
}

.menu,
div.note,
div.errors,
div.warning,
.help div,
div.info,
p.info {
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
     -khtml-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
       -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
         -o-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
            box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
;
}

/* warnings and errors are identical for now */
div.errors,
div.warning {
    font-weight: bold;
    width: 70ex;
    margin: 0.5em 0 0.75em 0;
    padding-left: 50px;
    background-image: url("img/tango/32x32/dialog-warning.png");
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-color: #ffa;
}

.profile-info th,
.profile-info td {
    padding: 0.3em 0.5em;
    text-align: left;
    border-top: 1px solid #EB92E0;
    border-bottom: 1px solid #EB92E0;
}

.profile-info th {
    min-width: 39ex;
}

.profile-image img {
    width: 400px;
}

.profile-image div {
    width: 400px;
}

.profile-image div {
    min-height: 300px;
}

.profile-image p {
    padding-top: 140px;
    width: 400px;
    text-align: center;
}

blockquote.on-my-mind {
    font-style: italic;
    font-size: 140%;
    position: relative;
    padding: 1em 2em;
    text-align: justify;
    text-justify: newspaper;
}

blockquote.on-my-mind span {
    font-size: 300%;
    display: block;
    position: absolute;
    color: #E375D7;
}

blockquote.on-my-mind span.open {
    top: 0;
    left: 0.1em;
}

blockquote.on-my-mind span.close {
    bottom: -0.5em;
    right: 0.1em;
}

#chat-links a {
    display: inline-block; zoom: 1; *display: inline;
;
    padding: 1px 8px 0 20px;
    margin: 0 0.25em 0.5em 0;
    height: 16px;
    font-size: 90%;
    color: #C404B2;
}

.gift-link {
    padding-left: 20px;
    background: url('img/tinygift.png') no-repeat;
}

.flirt-link {
    background: url('img/flower2.png') no-repeat;
}

.text-link {
    background: url('img/tango/16x16/internet-mail.png') no-repeat;
}

.report-link {
    background: url('img/tango/16x16/software-update-urgent.png') no-repeat;
}

.admin-link {
    background-color: #F44 !important;
}

#user-actions {
    position: absolute;
    top: 3.5em;
    right: 2em;
    z-index: 100;
}

#user-actions a {
    display: inline-block; zoom: 1; *display: inline;
;
    padding: 1px 0 0 20px;
    height: 16px;
    font-size: 90%;
    color: #C404B2;
}

#chat-links a:hover,
#user-actions a:hover {
    text-decoration: underline;
}

.enabled,
.disabled {
    display: inline-block; zoom: 1; *display: inline;
;
    padding: 2px 6px 2px 4px;
    margin-left: 0.1em;
    border: 1px solid transparent;
    -webkit-border-radius: 0.5em;
     -khtml-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
         -o-border-radius: 0.5em;
            border-radius: 0.5em;
;
}

.enabled {
    background: #FBCAF3;
    border-color: #EB92E0;
}

.disabled {
    background: #ffffff;
    border-color: #ffffff;
}

#user-actions .disabled a {
    color: #E375D7;
}

.menu-arrow {
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
    border: 1px solid #EB92E0;
}

.menu {
    display: none;
    width: 24ex;
    padding: 0.3em;
    position: absolute;
    top: 17px;
    right: 0px;
    z-index: 100;

    background-color: #ffffff;
    border: 1px solid #EB92E0;
    -webkit-border-radius: 0.5em 0 0.5em 0.5em;
     -khtml-border-radius: 0.5em 0 0.5em 0.5em;
       -moz-border-radius: 0.5em 0 0.5em 0.5em;
         -o-border-radius: 0.5em 0 0.5em 0.5em;
            border-radius: 0.5em 0 0.5em 0.5em;
;
}

.menu a {
    display: block;
    padding: 0.3em 0.5em;
    color: #C404B2;
}

.menu a:hover {
    background: #FBCAF3;
}

li {
    margin-left: 2em;
}

.paging {
    list-style: none;
    display: block;
    text-align: center;
}

.paging li {
    display: inline-block; zoom: 1; *display: inline;
;
    min-width: 5ex;
    text-align: center;
    margin-left: 0;
    vertical-align: middle;
}

.paging li a {
    display: block;
    padding: 0.5em;
}

.paging li a:hover {
    background-color: #EB92E0;
}


.messages td {
    padding: 0.2em 0.5em;
}

.messages .datetime {
    white-space: nowrap;
    color: #E375D7;
}

#messages {
    height: 28em;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    border-top: 1px solid #EB92E0;
}

.conversation {
    vertical-align: top;
    position: relative;
    min-height: 160px;
    margin-bottom: 0.5em;
    border: 1px solid #EB92E0;
}

.conversation .img {
    display: inline-block; zoom: 1; *display: inline;
;
    width: 130px;
    text-align: center;
    padding: 8px;
    position: absolute;
    top: 0;
    left: 0;
}

.conversation table {
    margin: 8px 8px 16px 146px;
}

.conversation td {
    vertical-align: top;
    padding: 0.3em;
}

.conversation .datetime {
    white-space: nowrap;
    color: #E375D7;
    width: 16ex;
}

.conversation .sender-me,
.conversation .sender-other {
    width: 13ex;
    text-align: left;
}

.conversation .sender-me {
    font-weight: bold;
    color: #E375D7;
}

.conversation .sender-other {
    font-weight: bold;
}

.conversation > a {
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.actions {
    position: absolute;
    top: 6px;
    right: 6px;
}

.star-0,
.star-1 {
    display: inline-block; zoom: 1; *display: inline;
;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}

.star-0 {
    background-image: url("img/star-0.png");
}

.star-1 {
    background-image: url("img/star-1.png");
}

.table {
    border: 1px solid #EB92E0;
}

.table th {
    background-color: #FBCAF3;
    border-bottom: 1px solid #EB92E0;
}

.table th,
.table td {
    padding: 0.3em 0.75em;
    vertical-align: top;
}

.table .total td {
    font-weight: bold;
    border-top: 1px solid #EB92E0;
}

.deleted td {
    color: #EFA0E5;
}

.row-0 {
    background-color: #ffffff;
}

.row-1 {
    background-color: #FBCAF3;
}


.highlight b {
    color: black;
    background: yellow;
}

.number {
    text-align: right;
}

h1 {
    margin: 0 0 0.2em 0;
}

h2 {
    margin: 1em 0 0.4em 0;
}

h1 + h2 {
    margin-top: 0.5em;
}

/* inside tabs */
h2:first-child {
    margin-top: 0;
}

p, li {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    max-width: 80ex;
}

p + p {
    margin-top: 1em;
}

.large-link {
    display: inline-block; zoom: 1; *display: inline;
;
    margin-top: 0.5em;
    text-align: center;
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 120%;

    color: #C404B2;
    background-color: #F3AEEA;
    border: 1px solid #DF67D2;
    -webkit-border-radius: 0.3em;
     -khtml-border-radius: 0.3em;
       -moz-border-radius: 0.3em;
         -o-border-radius: 0.3em;
            border-radius: 0.3em;
;
}

.large-link:hover,
.large-link:visited,
.large-link:active {
    color: #C404B2;
}

.replymodes {
    position: relative;
    width: 100%;

    border-top: 1px solid #EB92E0;
}

.replymodes .tabs {
    height: 1.6em;
    position: absolute;
    top: -1.6em;
    right: 3em;
    font-size: 85%;
}

.replymodes .tabs a {
    min-width: 10ex;
    height: 1.2em;
    padding: 0.2em 1em;
    position: relative;
    top: -2px;
}

.replymodes form {
    width: 100%;
}

.replymodes form .reply {
    width: 60%;
    margin-top: 2em;
    margin-left: 2em;
}

.big-image {
    max-width: 100%;
}

.map-container {
    position: relative;
    display: inline-block; zoom: 1; *display: inline;
;
}

#map {
    cursor: crosshair; /* for !IE */
    width: 300px;
    height: 522px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #EB92E0;
}

.pin {
    position: absolute;
    margin-top: -9px;
    margin-left: -9px;
    top: 0;
    left: 0;
}

.help {
    position: absolute;
    right: 4px;
    top: 4px;
}

.help div {
    display: none;
    position: absolute;
    top: 0px;
    right: 40px;
    width: 30ex;
    -webkit-border-radius: 0.5em;
     -khtml-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
         -o-border-radius: 0.5em;
            border-radius: 0.5em;
;
}

.help:hover div {
    display: block;
}

.news-item {
    width: 80ex;
    padding: 1em 0;
    border-bottom: 1px solid #EB92E0;
}

.news-item:last-child {
    border-bottom: 0;
}

.news-item .datetime {
    font-size: 90%;
    color: #E375D7;
    display: block;
}

.overlay {
    z-index: 100;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000; /* FIXME */
    background: url('img/transparent.png');
    background: rgba(0,0,0,0.5);
}

.overlay .info {
    margin: 4em auto;
    max-height: 70%;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

table.giftlist td.price {
    font-size: 200%;
    text-align: right;
    padding: 1em;
}

table.giftlist tr.expensive {
    color: #EFA0E5;
}

div.gift-frame {
    width: 600px;
    position: relative;
    height: 162px;
    padding: 0;
    margin: 1em auto;

    background-color: #ffffff;
    border: 1px solid #EB92E0;
    -webkit-border-radius: 8px;
     -khtml-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
            border-radius: 8px;
;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
     -khtml-box-shadow: 0 0 10px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
         -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
;
}


div.gift-frame .gift {
    position: absolute;
    top: 50%; left: 2px;
    margin-top: -64px;
}

div.gift-frame .message {
    margin: 0 0 0 132px;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid #EB92E0;
}

div.gift-frame .message strong {
    display: block;
    margin: 8px;
}

div.gift-frame .message .datetime {
    font-size: 75%;
    position: absolute;
    bottom: 4px;
    right: 8px;
    color: #E375D7;
}

div.gift-frame .message .activate-vip {
    font-size: 75%;
    position: absolute;
    bottom: 4px;
    left: 142px;
    color: #E375D7;
}

div.gift-frame .message p {
    margin: 8px 16px;
}

div.gift-frame .unopened {
    vertical-align: middle;
    text-align: center;
    color: #E375D7;
}

div.gift-frame .unopened a {
    color: #E375D7;
}

div.gift-frame .unopened a.wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 96px;
    margin-top: -32px;
    margin-left: -48px;
    color: #00f;
}

#gift-form {
    margin: 0 auto;
    width: 600px;
    height: 162px;
    padding-bottom: 50px;
    position: relative;
}

#gift-form .back {
    position: absolute;
    bottom: 0;
    left: 2em;
    width: 12em;
}

#gift-form-final .forward,
#gift-form .forward {
    position: absolute;
    bottom: 0;
    right: 2em;
    width: 12em;
}

#gift-form-final {
    margin: 0 auto;
    width: 600px;
    height: 50px;
    position: relative;
}

#gift-form-final .forward {
    font-weight: bold;
    position: absolute;
    bottom: 50px;
    right: 2em;
    width: 12em;
}

.giftshelf {
    text-align: center;
}

.giftshelf > span {
    display: inline-block; zoom: 1; *display: inline;
;
    width: 64px;
    height: 64px;
    margin: 0px;
    font-size: 8px;
    position: relative;
}

.giftshelf span .count {
    position: absolute;
    display: block;
    bottom: 0px; right: 0px;
    padding: 2px;

    color: #ffffff;
    background-color: #DB59CE;
    border: 2px solid #ffffff;
    -webkit-border-radius: 8px;
     -khtml-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
            border-radius: 8px;
;
}

code.sms {
    display: block;
    padding: 1em 2em;
    margin: 0.5em 0;
    width: 30ex;
    font-family: "Courier New", Courier, monospace;
    font-size: 125%;

    color: #242;
    background-color: #ded;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
     -khtml-border-radius: 3px;
       -moz-border-radius: 3px;
         -o-border-radius: 3px;
            border-radius: 3px;
;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
     -khtml-box-shadow: 0 0 6px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
         -o-box-shadow: 0 0 6px rgba(0,0,0,0.5);
            box-shadow: 0 0 6px rgba(0,0,0,0.5);
;
}

#logo_vip {
    font-family: "Courier New", Courier, monospace;
    font-size: 32px;
    position: absolute;
    top: 10px;
    left: 125px;
    color: yellow;
}

.credits .unit {
    color: #E375D7;
}

.negative {
    color: #844}

.vip {
    font-size: 75%;
    color: #E375D7;
}

#logo_beta {
    font-size: 48px;
    position: absolute;
    top: 0;
    left: 350px;
    color: #FFD9F8;
}

a#logo_beta:hover {
    color: #F3AEEA;
}

.formRow {
    position: relative;
    padding-bottom: 1em;
}

.formRow .info {
    float: right;
    margin-right: 8em;
    font-size: 90%;
    padding: 0.25em 2em;
}

.formRow hr {
    clear: both;
    margin: 1em auto 0 auto;
    height: 0;
    padding: 0;
    border: 1px solid transparent;
}

div.sessionNote {
    width: 80ex;
    padding: 1em;
    margin: 9em auto;

    background-color: #ffffff;
    border: 1px solid #C712B6;
    -webkit-border-radius: 0.5em;
     -khtml-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
         -o-border-radius: 0.5em;
            border-radius: 0.5em;
;
}

div.sessionNote a.sessionNoteCloseButton {
    display: block;
    margin: 1em auto 0 auto;
    padding: 1ex;
    width: 8ex;
    text-align: center;

    color: #C404B2;
    background-color: #FBCAF3;
    border: 1px solid #C712B6;
    -webkit-border-radius: 0.5em;
     -khtml-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
         -o-border-radius: 0.5em;
            border-radius: 0.5em;
;
}

div.system-note {
    width: 60%;
    padding: 0.5em;
    margin: 1em 0;
    position: relative;

    border: 1px solid #EB92E0;
}

div.system-note span.corner{
    position: absolute;
    top: 0;
    right: 0;
}

div.system-note h1,
div.system-note h2,
div.system-note h3,
div.system-note h4,
div.system-note h5,
div.system-note h6 {
    font-size: 120%;
}

.sent-gifts {
    margin: 0 auto;
}

.sent-gifts tr {
    border-bottom: 1px solid #EB92E0;
}

.sent-gifts .receiver{
    text-align: center;
}

body#page-settings-main .tabbed {
    height: 1100px;
}

.profile-thumb {
    display: inline-block; zoom: 1; *display: inline;
;
    vertical-align: top;
    background-color: #FFD9F8;
    border: 1px solid #E375D7;
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
    font-size: 90%;
    margin: 3px 2px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
;
}

.profile-thumb .img-row {
    margin-top: 8px;
    height: 98px;
    text-align: center;
}

.profile-thumb .name-row,
.profile-thumb .status-row {
    text-align: center;
    white-space: nowrap;
}

.profile-thumb .icon-row {
    position: absolute;
    top: 2px;
    right: 2px;
}

.profile-thumb.empty-profile,
.profile-thumb.banned-profile,
.profile-thumb.invisible-profile,
.profile-thumb.blacklisted-profile {
    color: #E375D7;
    background-color: #FFD9F8;
    border: 1px solid #FFD9F8;
}

.profile-thumb.vip-profile,
.profile-thumb.exceptional-profile {
    border: 2px solid #E375D7;
    background-color: #FBCAF3;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
;
    background-image: url('img/star-bg.png');
}

table.profile-checks {
    font-size: 80%;
    border-collapse: collapse;
    border: 1px solid silver;
    width: 100%;
}

table.profile-checks th {
    border: 1px solid silver;
    font-weight: normal;
}

table.profile-checks th,
table.profile-checks td {
    padding: 6px 2px;
    vertical-align: top;
    border-right: 1px solid silver;
}

table.profile-checks td.numeric {
    text-align: right;
}

table.profile-checks td.bad {
    background: #FDD;
}

div.mixin {
    position: relative;
}

div.mixin a.admin-edit-mixin {
    position: absolute;
    bottom: 0; right: 0;
    background-color: red;
}

.overlay .buttons .btn {
    display: inline-block; zoom: 1; *display: inline;
;
    margin: 1em 4px 0 4px;
    padding: 1ex;
    width: 8ex;
    text-align: center;

    color: #C404B2;
    background-color: #FBCAF3;
    border: 1px solid #C712B6;
    -webkit-border-radius: 0.5em;
     -khtml-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
         -o-border-radius: 0.5em;
            border-radius: 0.5em;
;
}

.form-row {
}

.form-row label {
    display: inline-block;
    width: 32ex;
    vertical-align: middle;
}

.form-row input,
.form-row select {
    margin: 2px;
    vertical-align: middle;
    min-width: 32ex;
}

select {
    padding: 2px;
}

input[type=number] {
    text-align: right;
    padding: 2px;
}

.checkbox-group label {
    display: inline-block;
    width: 32ex;
    font-weight: normal;
}

.checkbox-group {
    width: 70ex;
}

div.settings-profile-note {
    padding: 1em;
    float: right;
    top: 3em;
    right: 3em;
    width: 40%;
    background-color: #ffa;
}

.settings-main-form {
    float: left;
    width: 55%;
}
#messages {
    padding: 1.5em;
    position: relative;
}

.action,
.bubble {
    border: 1px solid black;
    padding: 0.5em 2em;
    position: relative;
    width: 60em;
    margin-bottom: 20px;
}

.bubble {
    -webkit-border-radius: 0.4em;
     -khtml-border-radius: 0.4em;
       -moz-border-radius: 0.4em;
         -o-border-radius: 0.4em;
            border-radius: 0.4em;
}

.bubble p {
    white-space: pre-wrap;
}

.action .datetime,
.bubble .datetime {
    font-size: 75%;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 5em;
    color: #E375D7;
}

.bubble .x {
    position: absolute;
    background-repeat: no-repeat;
    bottom: -16px;
    display: block;
    height: 16px;
    border: none;
    left: 80%;
    background-position: 0 0;
    padding-left: 25px;
}

.details {
    font-size: 90%;
    margin-left: -1.3em;
}

.received {
    background-color: #ffffee;
    border-color: #C712B6;
}

.sent {
    background-color: #eeeeff;
    border-color: #C712B6;
}

.action {
    border-color: #EB92E0;
}

.sent .x {
    background-image: url("img/bubble-sent.png");
}

.received .x {
    background-image: url("img/bubble-received.png");
}

.message .decoration
{
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}
.message .dec-big {
    width: 24px;
    height: 24px;
}

.message .f1 { top: -8px; right: -2px; }
.message .f2 { top: 5px; right: -10px; }
.message .f3 { bottom: -3px; left: -5px; }
.message .f4 { bottom: -14px; right: 8px; }

.message .f5 { top: -10px; right: 60px; }
.message .f6 { top: -10px; left: -8px; }
.message .f7 { bottom: -12px; left: 32px; }
.message .f8 { bottom: -4px; right: -10px; }

.message .f9 { top: -10px; right: 88px; }
.message .f10 { top: 12px; left: -12px; }
.message .f11 { bottom: -10px; left: 58px; }
.message .f12 { top: -10px; left: 18px; }

.flirt .decoration { background-image: url("img/decoration/flower16x16.png"); }
.flirt .dec-big { background-image: url("img/decoration/flower24x24.png"); }
.heart .decoration { background-image: url("img/decoration/heart16x16.png"); }
.heart .dec-big { background-image: url("img/decoration/heart24x24.png"); }
.star .decoration { background-image: url("img/decoration/star16x16.png"); }
.star .dec-big { background-image: url("img/decoration/star24x24.png"); }

fieldset.message-decorations {
    padding: 16px;
    margin: 0.5em;
    float: right;
    background-color: #ffffff;
    border: 1px solid #EB92E0;
    -webkit-border-radius: 0.3em;
     -khtml-border-radius: 0.3em;
       -moz-border-radius: 0.3em;
         -o-border-radius: 0.3em;
            border-radius: 0.3em;
;
}

form#message-text:after { content:""; display:table; clear:both; }

.message .reported {
    position: absolute;
    padding: 0.5em 0;
    width: 16em;
    text-align: center;
    margin-left: -8em;
    top: 1em;
    left: 50%;
    background-color: #FFF;
    border: 1px solid silver;
    line-height: 100%;
}

.remove-messages {
    position: absolute;
    top: 12px;
    right: 16px;
}

.remove-messages > span {
    color: blue;
    cursor: pointer;
}

textarea.report-reason-note {
    width: 90%;
    height: 12em;
}