body {
    font-family: Sans-Serif;
    font-size: 16px;
    background-color: #FFFFFF;
}
img {
    /*vertical-align: bottom;*/
}
img.emoji {
   height: 1em;
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
}
input,textarea {
    font-family: Sans-Serif;
}

a {
    color: #6526BA
}

a:hover {
    background-color: #FFDFFF
}

a.nohover:hover {
    background-color: transparent
}

a.white {
    color: white
}

a.white:hover {
    color: #FFDFFF;
    background-color: transparent;
}

A.toi {
    font-weight: bold;
    color: Maroon;
    font-size: 9pt;
}

A:HOVER.toi {
    font-weight: bold;
    color: Maroon;
    font-size: 9pt;
    background-color: Yellow;
}

td {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}
.sortbox {
    cursor: pointer;
    float:right;
    margin-right:10px;
}
.card-action {
    padding: 16px 24px;
    text-align: right;
}

.card-action a {
    text-decoration: none;
    color: inherit;
}

.card-action a:hover {
    background-color: initial;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
    text-align: center;
    background-color: #6526BA;
    color: #FFF;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    padding: 0 2rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
    text-decoration: none;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    display: inline-block;
    font-size:16px;
}

.btn:hover {
    background-color: #9141F3;
}

.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}

.lrg {
    height: 48px;
    line-height: 48px;
}

.sml {
    height: 28px;
    line-height: 28px;
    padding: 0px 1rem;
}

.trns {
    -webkit-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    background-color: transparent;
    border: 2px solid #6526BA;
    color: #6526BA;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    line-height: 32px;
}

.trns:hover {
    background-color: #6526BA;
    color: #FFF;
}

.trns:active {
    -webkit-box-shadow: unset;
            box-shadow: unset;
}

.mod {
    margin:10px;
    color:Black;
    font-weight: bold;
    border:1px solid #645A64;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc5dd2+0,cc5dd2+4,faf0fb+5,d67cdb+15,ffffff+100 */
    background: #cc5dd2; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cc5dd2 0%,#cc5dd2 4%,#faf0fb 5%,#d67cdb 15%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#cc5dd2),color-stop(4%, #cc5dd2),color-stop(5%, #faf0fb),color-stop(15%, #d67cdb),to(#ffffff));
    background: -o-linear-gradient(top, #cc5dd2 0%,#cc5dd2 4%,#faf0fb 5%,#d67cdb 15%,#ffffff 100%);
    background: linear-gradient(to bottom, #cc5dd2 0%,#cc5dd2 4%,#faf0fb 5%,#d67cdb 15%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc5dd2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.asst {
    margin:10px;
    color:Black;
    font-weight: bold;
    border:1px solid #645A64;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02d640+0,40d612+4,faf0fb+5,74e249+15,ffffff+100 */
    background: #02d640; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #02d640 0%,#40d612 4%,#faf0fb 5%,#74e249 15%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#02d640),color-stop(4%, #40d612),color-stop(5%, #faf0fb),color-stop(15%, #74e249),to(#ffffff));
    background: -o-linear-gradient(top, #02d640 0%,#40d612 4%,#faf0fb 5%,#74e249 15%,#ffffff 100%);
    background: linear-gradient(to bottom, #02d640 0%,#40d612 4%,#faf0fb 5%,#74e249 15%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02d640', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.grn {
    background-color: #249619;
}

.grn:hover {
    background-color: #42bc46;
}

.rd {
    background-color: #b71f28;
}

.rd:hover {
    background-color: #ca4848;
}

.wht {
    background-color: #efefef;
    color: #000;
}

.wht:hover {
    background-color: #ffdfff;
}

a.disabled {
    pointer-events: none;
    color: #555;
    cursor: default;
}

.btndisabled {
    pointer-events: none;
    background-color: #555;
    color: #ccc;
}

.btndisabled:hover {
    background-color: #555;
    color: #ccc;
}

.card, .navb {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}

.card {
    display: block;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
    /*color: #111;*/
    background: #eee;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.card-active {
    background-color: #FFDFFF;
}

.upgradetoview {
    background-color: rgba(255,255,255,.5);
    padding:.3em 0;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 0px 0px 1px rgba(0,0,0, .8),0px 0px 4px rgba(255,255,255, .8);
    height: 280px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
}
.privbtn,.paidbtn {
    height: 300px;
    padding: 10px;
    background-image:url('Images/teaserbg.jpg');
    background-size:cover;
    color:#111;
    max-width:420px;
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
}

#fileerror {
    display:none;
    position:absolute;
    background-color:red;
    color:white;
    padding:10px;
    border-radius:3px;
    left:5px;
    z-index: 1;
    top: 40px;
}

#fileerror::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent red transparent;
}

.utvdrk {
    color: #FFF;
    text-shadow: 0px 0px 1px rgba(255,255,255, .5),0px 0px 4px rgba(0,0,0, 1);
}

a span.upgradetoview, .albumcard span.upgradetoview {
    position: absolute;
    bottom: 15%;
    width: 100%;
    height: auto;
}

.albumcard span.upgradetoview {
    bottom: 33%;
}

.modalcard {
    position:absolute;
    width:calc(100% - 10px);
    max-height: 100%;
    position: fixed;
    top: calc(53px + 50%);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);
            box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);
    z-index:101;
}

.navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    height: 64px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6526ba+77,4359ff+77,8080ff+88,ff43c3+88,ff80ff+100 */
    background: rgb(101,38,186); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-61deg, rgba(101,38,186,1) 74%,rgba(67,89,255,1) 76%,rgba(128,128,255,1) 86%,rgba(255,67,195,1) 88%,rgba(255,128,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(331deg, rgba(101,38,186,1) 74%,rgba(67,89,255,1) 76%,rgba(128,128,255,1) 86%,rgba(255,67,195,1) 88%,rgba(255,128,255,1) 100%);
    background: -o-linear-gradient(331deg, rgba(101,38,186,1) 74%,rgba(67,89,255,1) 76%,rgba(128,128,255,1) 86%,rgba(255,67,195,1) 88%,rgba(255,128,255,1) 100%);
    background: linear-gradient(119deg, rgba(101,38,186,1) 74%,rgba(67,89,255,1) 76%,rgba(128,128,255,1) 86%,rgba(255,67,195,1) 88%,rgba(255,128,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6526ba', endColorstr='#ff80ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding: 0 .75rem;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6526ba+0,6526ba+71,3538ff+77,219e3e+81,fbff35+85,ffb135+89,ff0000+100 */
    /*background: rgb(101,38,186); /* Old browsers */
    /*background: -moz-linear-gradient(-45deg, rgba(101,38,186,1) 0%, rgba(101,38,186,1) 71%, rgba(53,56,255,1) 77%, rgba(33,158,62,1) 81%, rgba(251,255,53,1) 85%, rgba(255,177,53,1) 89%, rgba(255,0,0,1) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(-45deg, rgba(101,38,186,1) 0%,rgba(101,38,186,1) 71%,rgba(53,56,255,1) 77%,rgba(33,158,62,1) 81%,rgba(251,255,53,1) 85%,rgba(255,177,53,1) 89%,rgba(255,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(135deg, rgba(101,38,186,1) 0%,rgba(101,38,186,1) 71%,rgba(53,56,255,1) 77%,rgba(33,158,62,1) 81%,rgba(251,255,53,1) 85%,rgba(255,177,53,1) 89%,rgba(255,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6526ba', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #FFF;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
            box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
}

.navbar a {
    text-decoration: none;
    color: #FFF;
    padding: 0px 15px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    line-height: 64px;
}

.navbar a:last-child {
    margin-right: auto;
}

.navbar a:hover {
    background-color: #532099;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}

.navbar .lit {
    font-weight: bold;
    background-color: #532099;
}

.smaller {
    font-size: .9em;
}

.hint {
    background-color:#ffffcc;
    color:#333;
    border: 1px solid #FAEBD7;
    padding:10px;
}

#bottomjump {
    position: fixed;
    bottom: 20px;
    z-index: 99999;
    width: 180px;
    text-align: center;
    left: 50%;
    margin-left: -90px;
    line-height: 28px;
    background-color: #35244e;
    color: #eee;
    font-weight: bold;
    border-radius: 14px;
    font-size: 10pt;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.nowrap {
    white-space: nowrap;
}

img {
    border: 0;
}

H1,
H2,
H3,
H4,
H5,
H6 {
    margin-left: 10px;
}

.mmcrd H1,
.mmcrd H2,
.mmcrd H3,
.mmcrd H4,
.mmcrd H5,
.mmcrd H6 {
    margin-left: 0;
}

.fixed {
    font-family: "Courier New", Courier, monospace
}

.border {
    border: 2px solid #6526BA;
    vertical-align: top;
}

.feathead {
    text-shadow: 0.05em 0.05em 0.04em #111;
    color: #333;
    font-size: 2em;
    font-style: italic;
    text-decoration: none;
}

.header {
    background-color: #5526B5;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12pt;
    text-align: left;
    padding: .25em .25em .05em .25em;
}

.head1 {
    height: 24px;
    text-align: left;
    background-image: url(/Images/violet_bar_bg.gif);
    font-weight: bold;
    font-size: 10pt;
    padding-right: 1em;
    padding-left: 1em;
    vertical-align: middle;
    white-space: nowrap;
}

.body1 {
    background-color: White;
    text-align: left;
    padding: 0.5em;
}

.body2 {
    background-color: #EFEFEF;
    text-align: left;
    padding: 0.5em;
}

.srchhead1 {
    background-color: #D3D3D3;
    border-bottom: 1px Solid Black;
    padding: 2px;
}

.foot1 {
    height: 24px;
    text-align: left;
    background-image: url(/Images/gray_bar_bg.gif);
    background-color: Gray;
    font-weight: bold;
    font-size: 10pt;
    padding-right: 1em;
    padding-left: 1em;
    vertical-align: middle;
}

.tabl1 {
    border: 1px Solid Black
}

.red {
    color: #ff0000
}

.green {
    color: #008000
}

.selected {
    background: #3C32B0;
    color: white;
}

.selectedm {
    background: #039;
    color: white;
}

.selectedf {
    background: #639;
    color: white;
}

.notselected {
    font-weight: bolder
}

.message {
    border-color: #6526BA;
    border-style: solid;
    border-width: 2px;
    background-color: white;
    color: #8040ff;
    FONT-SIZE: 10pt;
    padding: 2px;
}

.firstperson {
    color: Red;
    vertical-align: top;
}

.secondperson {
    color: Blue;
    vertical-align: top;
}

.raised {
    background: #8040ff;
    color: White;
    border-left-color: #FFDFFF;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #6526BA;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: #FFDFFF;
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-color: #6526BA;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    vertical-align: middle;
    font-size: 10pt;
}

.boldred {
    color: red;
    font-weight: bold;
    font-size: 14pt;
    font-family: 'MS Sans Serif', sans-serif;
}

.profileheading {
    font-weight: bold;
    font-size: 10pt;
}

.newprofilehead {
    border-top: 1px Solid Black;
    background-color: #D3D3D3;
    color: Black;
    font-weight: bold;
    font-size: 12pt;
}
.navb {
    color: #fff;
    background-color: #8040ff;
    width: 100%;
    height: 56px;
}
.navb ul a {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    font-size: 1rem;
    color: #fff;
    display: block;
    padding: 0 15px;
    cursor: pointer;
    text-decoration: none;
}
.navb ul a:hover {
    background-color: #6526BA;
}
.navb ul {
    padding:0px;
}
.navb ul li {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    float: left;
    padding: 0;
    line-height: 56px;
    list-style-type: none;
}
ul li.active {
    background-color: #6526BA;
}
.Toolbar {
    background-color: #8040ff;
    border: 2px solid;
    border-color: #FFDFFF #6526BA #6526BA #FFDFFF;
    padding: 2px 3px 2px 3px;
    text-align: left;
}

.Toolbar a.toolicon {
    background-color: transparent;
    border: 1px solid #8040ff;
    color: White;
    left: 0px;
    margin: 1px;
    padding: 1px 2px 1px 2px;
    top: 0px;
}

.Toolbar a.toolicon:hover {
    background-color: transparent;
    border-color: #FFDFFF #6526BA #6526BA #FFDFFF;
    color: White;
    text-shadow: #333 0px 1px 2px;
}

DIV.phototile {
    border: 2px Solid #6526BA;
    background-color: #ffdfff;
}

.chatline {
    background-color: #eaeaea;
    background-image: url(/Images/chatlinebg.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border-bottom-color: Silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.chatline_sys {
    background-color: #D8C9FF;
    background-image: url(/Images/chatlinebg_sys.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border-bottom-color: Silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.chatline_yellow {
    background-color: #ffffe1;
    background-image: url(/Images/chatlinebg_yellow.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border-bottom-color: #FF3;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.chatline_me {
    background-color: #ffdfff;
    background-image: url(/Images/chatlinebg_me.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border-bottom-color: Silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.goldchatline {
    background-color: #e6d6ab;
    background-image: url(/Images/chatlinebg_gold.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border-bottom-color: #EEE8AA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.bluechatline {
    background-color: #6eaadc;
    background-image: url(/Images/chatlinebg_blue.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border-bottom-color: #EEE8AA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.maroonchatline {
    background-color: #b14f4f;
    color: White;
    background-image: url(/Images/chatlinebg_maroon.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border-bottom-color: #EEE8AA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

DIV.tpbluechatline {
    background-color: #6eaadc;
    background-image: url(/Images/chatlinebg_blue.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border-bottom-color: #EEE8AA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    filter: alpha(Opacity=50);
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
    cursor: pointer;
}

TD.phototile {
    background-color: inherit;
    color: #373737;
    font-size: 8pt;
    font-weight: bold;
    font-family: Tahoma, Arial, sans-serif;
}
.Male {
    color: #4359FF
}

.Female {
    color: #FF43C3
}

.profilebtn .Male {
    color: #919eff    
}
.profilebtn .Female {
    color: #ffabe3
}
.profilebtn .Male img,.profilebtn .Female img {
   height: 1em;
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
}
th {
    background: #8040ff;
    color: white;
    font-size: 14pt;
}

td.heading {
    color: white;
    background-color: #8040ff;
    font-weight: bold;
}

td.selected {
    color: white;
    background-color: #8040ff;
    font-weight: bold;
}

td.mail {
    font-size: 12pt;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
    border-right-color: #6526BA;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #6526BA;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-color: #6526BA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

th.mail {
    font-size: 12pt;
    background: #8040ff;
    color: White;
    border-left-color: #FFDFFF;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #6526BA;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: #FFDFFF;
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-color: #6526BA;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    vertical-align: middle;
}

th.fader {
    border-left-color: #666666;
    border-right-color: #666666;
    border-top-color: #666666;
    border-bottom-color: #666666;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    height: 22px;
    font-size: 11pt;
    background-image: url(/Images/Menu_Back.gif);
    color: White;
    padding: 0px 5px 0px 5px;
    text-align: left;
    background-repeat: repeat-x;
}

td.fader {
    border-left-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding: 5px 5px 5px 5px;
    background-image: url(/Images/topfade.gif);
    background-repeat: repeat-x;
}

input.submit {
    background-color: white
}

button {
    background-color: white;
    color: Black;
    font-size: 12pt;
    vertical-align: middle;
}

textarea {
    background-color: white;
    color: Black;
    font-size: 12pt;
}

#jPanelMenu-menu img {
    vertical-align: middle;
}

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.Toolbar,
div.Toolbar a.toolicon,
div.menu a.menuItem {
    color: White;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
}

div.menuBar a.menuButton {
    background-color: transparent;
    color: White;
    left: 0px;
    margin: 1px;
    padding: 1px 2px 1px 2px;
    top: 0px;
    cursor: pointer;
}

div.menuBar a.menuButton:hover {
    background-color: #6526BA;
    color: White;
    cursor: pointer;
    text-shadow: #333 0px 1px 2px;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
    background-color: #8040ff;
    border-color: #6526BA #8040ff #8040ff #6526BA;
    color: White;
    left: 1px;
    top: 1px;
}

div.menu {
    background-color: #8040ff;
    border: 2px solid;
    border-color: #FFDFFF #6526BA #6526BA #FFDFFF;
    left: 0px;
    padding: 1px 1px 1px 1px;
    position: absolute;
    top: 0px;
    visibility: hidden;
}

div.menu a.menuItem {
    color: White;
    display: block;
    padding: 3px 1em;
    text-decoration: none;
    white-space: nowrap;
}

div.menu a.menuItem:hover,
div.menu a.menuItemHighlight {
    background-color: #6526BA;
    color: #ffffff;
    text-shadow: #333 0px 1px 2px;
}

div.menu a.menuItem span.menuItemText img {
    vertical-align: middle;
}

div.menu a.menuItem span.menuItemArrow {
    margin-right: -.75em
}

div.menu div.menuItemSep {
    border-top: 1px solid #FFDFFF;
    border-bottom: 1px solid #6526BA;
    margin: 4px 2px;
}

div.mailmenuBar,
div.mailmenuBar a.mailmenuButton,
div.mailmenu,
div.Toolbar,
div.Toolbar a.toolicon,
div.mailmenu a.mailmenuItem {
    color: White;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
}

div.mailmenuBar {
    background-color: #8040ff;
    border: 2px solid;
    border-color: #FFDFFF #6526BA #6526BA #FFDFFF;
    padding: 2px 3px 2px 3px;
    text-align: left;
}

div.mailmenuBar a.mailmenuButton {
    background-color: transparent;
    border: 1px solid #8040ff;
    color: White;
    left: 0px;
    margin: 1px;
    padding: 1px 2px 1px 2px;
    top: 0px;
}

div.mailmenuBar a.mailmenuButton:hover {
    background-color: #FFDFFF;
    border-color: Black Black Black Black;
    color: Black;
}

div.mailmenuBar a.mailmenuButtonActive,
div.mailmenuBar a.mailmenuButtonActive:hover {
    background-color: #FFDFFF;
    border-color: #6526BA #8040ff #8040ff #6526BA;
    color: Black;
    left: 1px;
    top: 1px;
}

div.mailmenu {
    background-color: White;
    border: 2px solid;
    border-color: #FFDFFF #6526BA #6526BA #FFDFFF;
    left: 0px;
    padding: 1px 1px 1px 1px;
    position: absolute;
    top: 0px;
    visibility: hidden;
}

div.mailmenu a.mailmenuItem {
    color: Black;
    display: block;
    padding: 3px 1em;
    text-decoration: none;
    white-space: nowrap;
}

div.mailmenu a.mailmenuItem:hover,
div.mailmenu a.mailmenuItemHighlight {
    background-color: #FFDFFF;
    color: Black;
}

div.mailmenu a.mailmenuItem span.mailmenuItemText {}

div.mailmenu a.mailmenuItem span.mailmenuItemArrow {
    margin-right: -.75em
}

div.mailmenu div.mailmenuItemSep {
    border-top: 1px solid #FFDFFF;
    border-bottom: 1px solid #6526BA;
    margin: 4px 2px;
}

div.tabhighlighted {
    font-weight: Bold;
    font-size: 9pt;
    background-color: White;
    border-left: 1px solid #919B9C;
    border-top: 3px solid #FFA500;
    border-right: 1px solid #919B9C;
    display: inline;
    padding: 2px;
}

div.tabbackgroundleft {
    font-size: 9pt;
    background-color: #EAEAEA;
    border-top: 1px solid #919B9C;
    border-left: 1px solid #919B9C;
    border-bottom: 1px solid #919B9C;
    display: inline;
    padding: 2px;
}

div.tabbackgroundright {
    font-size: 9pt;
    background-color: #EAEAEA;
    border-top: 1px solid #919B9C;
    border-right: 1px solid #919B9C;
    border-bottom: 1px solid #919B9C;
    display: inline;
    padding: 2px;
}

div.tabheaders {
    border-bottom: 1px solid #919B9C;
    padding: 2px;
}

div.tabbox {
    border-left: 1px solid #919B9C;
    border-right: 1px solid #919B9C;
    border-bottom: 1px solid #919B9C;
    padding: 6px;
}

.acresultbox {
    padding: 0px
}

.acnherit {
    color: inherit;
    background-color: inherit;
    text-decoration: inherit;
}

.acnherit:hover {
    color: inherit;
    background-color: inherit;
    text-decoration: inherit;
}

.acresultitem {
    color: Black;
    text-decoration: none;
    padding: 2px;
}

.acresultitem:hover {
    background-color: #6526BA;
    color: White;
    text-decoration: none;
    padding: 2px;
}

.tabbar {
    padding-bottom: 2px;
    padding-left: 10px;
    vertical-align: bottom;
}

.tabbutton {
    background-color: #6526BA;
    border: 1px;
}

.toggle_tabs {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
    display: block;
}

.tab {
    display: inline;
    padding: 3px 8px 2px 8px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #6526BA;
    margin-right: 3px;
    background-color: #eaeaea;
    background-image: url(/Images/chatlinebg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    vertical-align: top;
    color: #333333;
}

.tablit {
    display: inline;
    padding: 3px 8px 2px 8px;
    font-weight: bold;
    border: 1px solid #6526BA;
    background-color: #D8C9FF;
    background-image: url(/Images/chatlinebg_sys.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    vertical-align: top;
    color: #6526BA;
    margin-right: 3px;
}

.tabdata {
    display: none;
}

.tabdatalit {
    display: block;
    padding: 8px;
}

.picbox {
    padding: 10px;
    background-color: #E0E0E0;
    border: 4px solid #6526BA;
    -moz-border-radius: 3px;
}

.minipicboxDefault {
    display: table-cell;
    width: 60px;
    margin: 6px;
    vertical-align: middle;
    padding: 2px;
    border: 3px solid #0000ff;
    background-color: #d5d5ff;
}

.minipicboxFree {
    display: table-cell;
    width: 60px;
    margin: 6px;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #0000ff;
    background-color: #d5d5ff;
}

.minipicboxPaid {
    display: table-cell;
    width: 60px;
    margin: 6px;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #008000;
    background-color: #d5ffd5;
}

.minipicboxPrivate {
    display: table-cell;
    width: 60px;
    margin: 6px;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #000000;
    background-color: #c0c0c0;
}

.minipicboxHidden {
    display: table-cell;
    width: 60px;
    margin: 6px;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #c0c0c0;
    background-color: #e9e9e9;
}

.minipicboxAlbumOnly {
    display: table-cell;
    width: 60px;
    margin: 6px;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #800080;
    background-color: #ffd5ff;
}

.menu_upgrade {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll 0px 0px;
    white-space: nowrap;
}

.menu_mmanager {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -16px 0px;
    white-space: nowrap;
}

.menu_mailman {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -32px 0px;
    white-space: nowrap;
}

.menu_profedit {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -48px 0px;
    white-space: nowrap;
}

.menu_advertising {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -64px 0px;
    white-space: nowrap;
}

.menu_success {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -80px 0px;
    white-space: nowrap;
}

.menu_photoman {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -96px 0px;
    white-space: nowrap;
}

.menu_audioman {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll 0px -16px;
    white-space: nowrap;
}

.menu_affiliates {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -16px -16px;
    white-space: nowrap;
}

.menu_managefriends {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -32px -16px;
    white-space: nowrap;
}

.menu_home {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -48px -16px;
    white-space: nowrap;
}

.menu_albums {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -64px -16px;
    white-space: nowrap;
}

.menu_gallery {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -80px -16px;
    white-space: nowrap;
}

.menu_friends {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -96px -16px;
    white-space: nowrap;
}

.menu_browse {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll 0px -32px;
    white-space: nowrap;
}

.menu_browsebysimint {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -16px -32px;
    white-space: nowrap;
}

.menu_browsepersmat {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -32px -32px;
    white-space: nowrap;
}

.menu_online {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -48px -32px;
    white-space: nowrap;
}

.menu_newmembers {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -64px -32px;
    white-space: nowrap;
}

.menu_recentlyviewed {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -80px -32px;
    white-space: nowrap;
}

.menu_profileviews {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -96px -32px;
    white-space: nowrap;
}

.menu_recentclips {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll 0px -48px;
    white-space: nowrap;
}

.menu_comments {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -16px -48px;
    white-space: nowrap;
}

.menu_interests {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -32px -48px;
    white-space: nowrap;
}

.menu_polls {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -48px -48px;
    white-space: nowrap;
}

.menu_search {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -64px -48px;
    white-space: nowrap;
}

.menu_articles {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -80px -48px;
    white-space: nowrap;
}

.menu_urentdvds {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -96px -48px;
    white-space: nowrap;
}

.menu_newmail {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll 0px -64px;
    white-space: nowrap;
}

.menu_folderman {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -16px -64px;
    white-space: nowrap;
}

.menu_viewfolders {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -32px -64px;
    white-space: nowrap;
}

.menu_folder {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -48px -64px;
    white-space: nowrap;
}

.menu_chat {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -64px -64px;
    white-space: nowrap;
}

.menu_forum {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -80px -64px;
    white-space: nowrap;
}

.menu_niceness {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -96px -64px;
    white-space: nowrap;
}

.menu_help {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll 0px -80px;
    white-space: nowrap;
}

.menu_glossary {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -16px -80px;
    white-space: nowrap;
}

.menu_didyouknow {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -32px -80px;
    white-space: nowrap;
}

.menu_features {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -48px -80px;
    white-space: nowrap;
}

.menu_stages {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -64px -80px;
    white-space: nowrap;
}

.menu_contactus {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -80px -80px;
    white-space: nowrap;
}

.menu_tos {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -96px -80px;
    white-space: nowrap;
}

.menu_guidelines {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll 0px -96px;
    white-space: nowrap;
}

.menu_privacy {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -16px -96px;
    white-space: nowrap;
}

.menu_aboutus {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -32px -96px;
    white-space: nowrap;
}

.menu_logoff {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -48px -96px;
    white-space: nowrap;
}

.menu_moods {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -64px -96px;
    white-space: nowrap;
}

.menu_sitemap {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -80px -96px;
    white-space: nowrap;
}

.menu_featuredmembers {
    width: 16px;
    height: 16px;
    background: transparent url(/Images/menuicons.png) no-repeat scroll -96px -96px;
    white-space: nowrap;
}

.tb_home_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll 0px 0px;
    white-space: nowrap;
}

.tb_home_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -56px 0px;
    white-space: nowrap;
}

.tb_mail_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -112px 0px;
    white-space: nowrap;
}

.tb_mail_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -168px 0px;
    white-space: nowrap;
}

.tb_online_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll 0px -43px;
    white-space: nowrap;
}

.tb_online_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -56px -43px;
    white-space: nowrap;
}

.tb_search_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -112px -43px;
    white-space: nowrap;
}

.tb_search_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -168px -43px;
    white-space: nowrap;
}

.tb_browse_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll 0px -86px;
    white-space: nowrap;
}

.tb_browse_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -56px -86px;
    white-space: nowrap;
}

.tb_chat_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -112px -86px;
    white-space: nowrap;
}

.tb_chat_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -168px -86px;
    white-space: nowrap;
}

.tb_friends_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll 0px -129px;
    white-space: nowrap;
}

.tb_friends_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -56px -129px;
    white-space: nowrap;
}

.tb_forum_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -112px -129px;
    white-space: nowrap;
}

.tb_forum_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons.png) no-repeat scroll -168px -129px;
    white-space: nowrap;
}

.tbdisc_home_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll 0px 0px;
    white-space: nowrap;
}

.tbdisc_home_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -56px 0px;
    white-space: nowrap;
}

.tbdisc_mail_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -112px 0px;
    white-space: nowrap;
}

.tbdisc_mail_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -168px 0px;
    white-space: nowrap;
}

.tbdisc_online_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll 0px -43px;
    white-space: nowrap;
}

.tbdisc_online_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -56px -43px;
    white-space: nowrap;
}

.tbdisc_search_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -112px -43px;
    white-space: nowrap;
}

.tbdisc_search_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -168px -43px;
    white-space: nowrap;
}

.tbdisc_browse_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll 0px -86px;
    white-space: nowrap;
}

.tbdisc_browse_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -56px -86px;
    white-space: nowrap;
}

.tbdisc_chat_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -112px -86px;
    white-space: nowrap;
}

.tbdisc_chat_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -168px -86px;
    white-space: nowrap;
}

.tbdisc_friends_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll 0px -129px;
    white-space: nowrap;
}

.tbdisc_friends_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -56px -129px;
    white-space: nowrap;
}

.tbdisc_forum_dark {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -112px -129px;
    white-space: nowrap;
}

.tbdisc_forum_lit {
    width: 56px;
    height: 43px;
    background: transparent url(/Images/toolbaricons-disc.png) no-repeat scroll -168px -129px;
    white-space: nowrap;
}

.sbi {
    margin-left: 4px;
    font-weight: bold;
    text-decoration: none;
}

A.sbi:Hover {
    text-decoration: underline
}

.sbinb {
    text-decoration: none
}

A.sbinb:Hover {
    text-decoration: underline
}

.suggestion {
    list-style: none;
    margin-bottom: 6px;
}

.popupmenu {
    display: none;
    position: absolute;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
    color: #111;
    background: #eee;
    padding: .5em;
    max-width: 200px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.pumutitle {
    font-weight: bold
}

a.pumuitem {
    text-decoration: none;
    white-space: nowrap;
}

span.inop {
    color: Gray
}

a.pumuitem:hover {}

.navbutton {
    background-color: #FCF;
    background-repeat: repeat-x;
    padding: 1px 3px 1px 3px;
    font-size: 11pt;
}

#mymemberstatus img {
    max-height: 1em;
}

#mymoodreason img {
    max-height: 1em;
}

#moodreason img {
    max-height: 1em;
}
.myintmenu i {
    color: #249619;
}
.myintmenu a {
    font-size: .8em;
}
.intpic .statbox {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 15px 5px 5px;
    background-color: rgba(35, 13, 66, 0.4);
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    line-height: 30px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .6);
}

.intpic img {
    vertical-align: bottom;
}

.ssboxs {
    width: 300px;
    height: 200px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
}

.signuptbl {
    width: 367px;
}

.signupfrm {
    font-size: 12pt;
    vertical-align: middle;
}

.signupfrm[type=text] {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.boxbody {
    background-color: #eaeaea;
    background-image: url(/Images/chatlinebg.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 4px;
    border: thin outset;
}

.boxbutton {
    background-color: #eaeaea;
    background-image: url(/Images/chatlinebg.gif);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: top;
    color: Black;
    padding: 10px 2px 6px 14px;
    border-bottom-color: Silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 14pt;
    font-weight: bold;
    text-align: left;
}

.roundedhead {
    height: 35px;
    font-weight: bold;
    font-size: 16pt;
    color: White;
    padding-left: 16px;
    padding-top: 10px;
    text-shadow: 2px 2px 3px #000000;
    background: #6526ba;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(2%, #9a89b5), color-stop(20%, #6526ba));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #9a89b5 2%, #6526ba 20%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #9a89b5 2%, #6526ba 20%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(2%, #9a89b5), color-stop(20%, #6526ba));
    background: linear-gradient(to bottom, #ffffff 0%, #9a89b5 2%, #6526ba 20%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6526ba', GradientType=0);
    /* IE6-9 */
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.intcloud ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.intcloud ul li {
    display: inline-block;
    margin: 0 0 .1em .5em;
    padding: 0;
}

.intcloud ul li a {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 1em 0 .75em;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+29,f2f2f2+77,e2e2e2+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 29%, rgba(242, 242, 242, 1) 77%, rgba(226, 226, 226, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(29%, rgba(242, 242, 242, 1)), color-stop(77%, rgba(242, 242, 242, 1)), to(rgba(226, 226, 226, 1)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 29%, rgba(242, 242, 242, 1) 77%, rgba(226, 226, 226, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 29%, rgba(242, 242, 242, 1) 77%, rgba(226, 226, 226, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
    /* IE6-9 */
    border: 1px outset #d8cff5;
    border-radius: 3px 3px 3px 3px;
    color: #000;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.intcloud ul li span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.intcloud ul li a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eee9fb+29,eee9fb+77,d8cff5+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(238, 233, 251, 1) 29%, rgba(238, 233, 251, 1) 77%, rgba(216, 207, 245, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(29%, rgba(238, 233, 251, 1)), color-stop(77%, rgba(238, 233, 251, 1)), to(rgba(216, 207, 245, 1)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(238, 233, 251, 1) 29%, rgba(238, 233, 251, 1) 77%, rgba(216, 207, 245, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(238, 233, 251, 1) 29%, rgba(238, 233, 251, 1) 77%, rgba(216, 207, 245, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8cff5', GradientType=0);
    /* IE6-9 */
}

.chtbtn {
    background: #66c96a;
    background-image: -webkit-linear-gradient(top, #66c96a, #249619);
    background-image: -o-linear-gradient(top, #66c96a, #249619);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66c96a), to(#249619));
    background-image: linear-gradient(to bottom, #66c96a, #249619);
    border-radius: 7px;
    text-shadow: 1px 1px 2px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 9px 20px 10px 20px;
    margin-bottom: 20px;
    text-decoration: none;
    text-align: center;
}

.chtbtn:hover {
    background: #30cf48;
    background-image: -webkit-linear-gradient(top, #30cf48, #32cf54);
    background-image: -o-linear-gradient(top, #30cf48, #32cf54);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#30cf48), to(#32cf54));
    background-image: linear-gradient(to bottom, #30cf48, #32cf54);
    text-decoration: none;
}

.fpby {
    width: 145px;
    float: right;
    text-align: center;
}

.fpbyl {
    width: 145px;
    float: left;
    text-align: center;
}

.bpmoticon {
    max-width: 100%;
    height: auto;
}

.joinlnk {
    display: none;
}

.joinlnkmobile {
    display: inline;
}

.mailbg H1.mobileonly {
    font-size: 20px;
}

.dishonesty {
    color: #930c0c;
    background-color: #ddd;
    padding: 10px 20px;
    line-height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
}

.dishonestyquestion {
    background-color: #ddd;
    padding: 10px 20px;
    line-height: 22px;
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
}

.resgal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

.alphascroll {
    top: 0px;
    margin: 0px;
    z-index: 100000;
    list-style: outside none none;
    padding: 10px 0;
    background: #FFF none repeat scroll 0% 0%;
    font-weight: bold;
    -webkit-box-shadow: 0px 2px 2px;
            box-shadow: 0px 2px 2px;
    position: fixed;
    right: 0px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
    width: 39px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.alphascroll a {
    text-decoration: none;
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
}

.resgal .card, .inresgal, .intgal .card {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    width: 100%;
    margin: 10px 0px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.9,.01,.09,1);
         -o-transition-timing-function: cubic-bezier(.9,.01,.09,1);
            transition-timing-function: cubic-bezier(.9,.01,.09,1);
}
/*
.resgal .card:hover, .inresgald:hover, .intgal .card:hover {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
            box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
}
*/
.intmain {
    width: 100%;
}

.intrel {
    text-align: right;
}

.intrel .btn {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: auto;
    margin: 5px;
}

.intgal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
            justify-content: space-around;
}

.intgal .card {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    -webkit-flex:1 1 100%;
    -webkit-box-flex:1;
        -ms-flex:1 1 100%;
            flex:1 1 100%;
    margin: 10px 0px;
}
div.load {
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    -webkit-transition-timing-function: cubic-bezier(.9,.01,.09,1);
         -o-transition-timing-function: cubic-bezier(.9,.01,.09,1);
            transition-timing-function: cubic-bezier(.9,.01,.09,1);
    position:absolute;
    top:0px;
    left:0px;
    background:#aaa;
}
.infobtn {
    font-size: 32px;
    color: rgba(128,128,255,1); /* Old browsers */
    cursor: pointer;
}
div.blurb {
    height: auto;
    margin-bottom:10px;
    display: none;
    color:#FFF;
    background-color: #4359ff;    /*background: -moz-linear-gradient(45deg, #4359ff 0%, #8080ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #4359ff 0%,#8080ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(45deg, #4359ff 0%,#8080ff 100%);
    background: linear-gradient(45deg, #4359ff 0%,#8080ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4359ff', endColorstr='#8080ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.blurb a {
    color:#FFDFFF;
}
.blurb a:hover {
    background-color: transparent;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}
.blurb > div > span {
    line-height: 24px;
    margin: 0 10px;
}
.newint {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfae8+0,efdf77+100 */
    background: #fcfae8; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #fcfae8 0%,#efdf77 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-radial-gradient(center, ellipse, #fcfae8 0%,#efdf77 100%);
    background: -o-radial-gradient(center, ellipse, #fcfae8 0%,#efdf77 100%);
    background: radial-gradient(ellipse at center, #fcfae8 0%,#efdf77 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfae8', endColorstr='#efdf77',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.newinterest {
    display:block;
    text-decoration:none;
    color:#000;
    font-family:Permanent Marker;
    font-size:32px;
    padding:40px;
}
.newinterest:hover {
    background-color: transparent;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 460px) {
    .resgal .card {
        width: calc(100% - 20px);
        margin: 10px;
    }
    .inresgal {
        margin: 10px;
    }
}
@media only screen and (min-width: 662px) {
    .resgal .card {
        width: calc(50% - 20px);
    }
    .l .resgal .card,.r .resgal .card {
        width: calc(100% - 20px);
    }
}
@media only screen and (min-width: 983px) {
    .resgal .card {
        width: calc(33% - 20px);
    }
    .l .resgal .card,.r .resgal .card {
        width: calc(100% - 20px);
    }
}
@media only screen and (min-width: 1304px) {
    .resgal .card {
        width: calc(25% - 20px);
    }
    .r .resgal .card {
        width: calc(50% - 20px);
    }
    .l .resgal .card {
        width: calc(100% - 20px);
    }
}
@media only screen and (min-width: 1625px) {
    .resgal .card {
        width: calc(20% - 20px);
    }
    .r .resgal .card {
        width: calc(33% - 20px);
    }
    .l .resgal .card {
        width: calc(50% - 20px);
    }
}
@media only screen and (min-width: 1946px) {
    .resgal .card {
        width: calc(16% - 20px);
    }
    .r .resgal .card {
        width: calc(33% - 20px);
    }
    .l .resgal .card {
        width: calc(50% - 20px);
    }
}
@media only screen and (min-width: 2267px) {
    .resgal .card {
        width: calc(14% - 20px);
    }
    .r .resgal .card {
        width: calc(25% - 20px);
    }
    .l .resgal .card {
        width: calc(33% - 20px);
    }
}

.im_bar {
    position: fixed;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    z-index: 1000;
    width: 100%;
    padding: 0;
    display: none;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+29,f9f9f9+77,f4f4f4+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 29%, #f9f9f9 77%, #f4f4f4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 29%,#f9f9f9 77%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 29%,#f9f9f9 77%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    overflow: hidden;
    white-space: nowrap;
}
.im_bar_tag {
    padding: 0 10px;
    display:inline-block;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9651ff+0,8232f2+60,5a23a8+100 */
    background: #9651ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #9651ff 0%, #8232f2 60%, #5a23a8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #9651ff 0%,#8232f2 60%,#5a23a8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9651ff 0%,#8232f2 60%,#5a23a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9651ff', endColorstr='#5a23a8',GradientType=0 ); /* IE6-9 */
    font-weight: bold;
    color:White;
}
.im_bar .card {
    display: inline-block;
    padding: 0 1em;
    cursor: pointer;

}
.im_bar .card a {
    font-weight: bold;
}
.im_bar .card a:hover {
    background-color: unset;
}

.im_bar .card:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffdfff+60,ffdfff+60,dbc0db+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffdfff 60%, #ffdfff 60%, #dbc0db 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffdfff 60%,#ffdfff 60%,#dbc0db 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffdfff 60%,#ffdfff 60%,#dbc0db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbc0db',GradientType=0 ); /* IE6-9 */
}

.imgcrd {
    display: inline-block;
    height: 200px;
    position: relative;
    margin: 6px;
}

.imgcrdhead {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 4px;
    background-color: rgba(32, 2, 71, 0.7);
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .6);
}

.imgremove {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #ffc3b6;
    font-size: 12px;
    padding: 3px;
    text-shadow: 0 2px 4px rgba(90, 90, 90, .4), 0 2px 4px rgba(90, 90, 90, .6);
}

.imgremove:hover {
    background-color: initial;
    color: #fff;
}

.profilecrd {
    display: block;
    background-size: cover;
    background-position: center 20%;
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.profilecrdinfo {
    cursor: pointer;
}
.profilecrdinfo .person1 .names,
.profilecrdinfo .person2 .names {
    white-space: nowrap;
    max-width: 50%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.profilecrdinfo .actions span img {
    margin: 2px;
    width: 24px;
}

.profilecrdinfo .actions span .btn {
    width: 60px;
    padding: 0px;
    margin: 0px 1px;
}

.profilecrd>div {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 8px;
    background-color: rgba(32, 2, 71, 0.7);
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    font-size: 17px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4),
    0 2px 4px rgba(0, 0, 0, .6);
}

.profilecrdinfo {
    padding: 1.2em;
}

.profilecrdinfo>div {
    padding: .2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
}

#showmore,#showmorecomments {
    width: 300px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 60px;
    height: 60px;
}

.profilebtn {
    display: block;
    background-size: cover;
    background-position: center 20%;
    width: 100%;
    height: 90px;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
}

.profilebtn>div {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 4px 0px;
    background-color: rgba(35, 13, 66, 0.4);
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    font-size: 9px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4),
    0 2px 4px rgba(0, 0, 0, .6);
}

.membersearchresults {
    background-color: #fff;
    border:0 1px 1px 1px solid Black;
    position:absolute;
    z-index: 103;
}

.membersearchresults .folder {
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding-left: 1em;
    color: #444;
}

.intd {
    padding-left: 10px;
}

.bgrprofbtn>div {
    font-size: 10pt;
}

.s1 {
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    line-height: 1.5em;
}

.c1 {
    padding-left: 8px;
    font-weight: bold;
    font-size: 10pt;
    line-height: 1.5em;
}

.c2 {
    float: right;
    padding-right: 8px;
    font-weight: bold;
    font-size: 10pt;
    line-height: 1.5em;
}

.c2 .trns {
    line-height: 40px;
}

.mn {
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    line-height: 1.5em;
    white-space: nowrap;
}

.intcloudflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
}

.intcloudflex a {
    margin: 4px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
    font-size: .8em;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    max-width: calc(100% - 8px);
    padding: 0 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.memberlistrow {
    position: relative;
    clear: both;
    padding: .8em 0;
}

.memberlistname {
    width: 82px;
    font-size: .8em;
    float: left;
}

.memberlistname a {
    display: block;
    position: relative;
}

.memberlistcontent {
    width: calc(100% - 82px);
    float: left;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.memberlistcontent a {
    font-weight: bold;
}

.memberlistcontent div {
    padding: 10px 0px;
}

.memberlistcontent img {
    max-height: 40px;
}

.ratingbar {
    background-color: #999;
    width: 100%;
    height: 30px;
    position: relative;
    float: left;
}

.voteratingbar {
    width: 100%;
    height: 30px;
    position: relative;
    float: left;
}

.ratingperc {
    background-color: #ffd700;
    height: 100%;
}

.ratingtext {
    color: #000;
    font-size: .9em;
    text-align: center;
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    line-height: 30px;
    top: 0px;
    z-index: 2;
    text-shadow: 0 0 2px rgba(255, 231, 153, .8),
    0 0 4px rgba(255, 231, 153, .6);
}
.voteratingperc {
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #D2C0EB;
}
.voteratingtext {
    color: #000;
    padding-left: 10px;
    text-align: center;
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    line-height: 30px;
    top: 0px;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

i.material-icons {
    line-height: inherit;
    vertical-align: bottom;
}

.collapsible {
    overflow: hidden;
}

#sendnicenessbox {
    display: none;
    position: absolute;
    border: 10px solid #6526BA;
    left: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
    background-color: #E0E0E0;
    -moz-border-radius: 6px;
}

.picheader {
    font-weight: bold;
    padding: 0 0 10px 0;
    font-size: 20px;
}

.thinglist {
    float: left;
    position: relative;
    width: 100%;
}

.thinglistlabel {
    float: left;
    padding-top: 0px;
    line-height: 40px;
}

.mailbg {
    color: White;
    padding: 16px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6526ba+77,4359ff+77,8080ff+88,ff43c3+88,ff80ff+100 */
    background: rgb(101,38,186); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-61deg, rgba(101,38,186,1) 74%,rgba(67,89,255,1) 76%,rgba(128,128,255,1) 86%,rgba(255,67,195,1) 88%,rgba(255,128,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(331deg, rgba(101,38,186,1) 74%,rgba(67,89,255,1) 76%,rgba(128,128,255,1) 86%,rgba(255,67,195,1) 88%,rgba(255,128,255,1) 100%);
    background: -o-linear-gradient(331deg, rgba(101,38,186,1) 74%,rgba(67,89,255,1) 76%,rgba(128,128,255,1) 86%,rgba(255,67,195,1) 88%,rgba(255,128,255,1) 100%);
    background: linear-gradient(119deg, rgba(101,38,186,1) 74%,rgba(67,89,255,1) 76%,rgba(128,128,255,1) 86%,rgba(255,67,195,1) 88%,rgba(255,128,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6526ba', endColorstr='#ff80ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4359ff+10,ff43c3+90 */
    /*background: rgb(67, 89, 255);
    /* Old browsers */
    /*background: -moz-linear-gradient(left, rgba(67, 89, 255, 1) 10%, rgba(255, 67, 195, 1) 90%);
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, rgba(67, 89, 255, 1) 10%, rgba(255, 67, 195, 1) 90%);
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, rgba(67, 89, 255, 1) 10%, rgba(255, 67, 195, 1) 90%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4359ff', endColorstr='#ff43c3', GradientType=1);
    /* IE6-9 */
}

.mailbg h1 {
    margin: 0px;
    font-size: 28px;
    cursor: pointer;
}

.mailbg h1 i {
    font-size: 28px;
    font-weight: bold;
}

.mailbg h1.mobileonly i {
    font-size: 20px;
    font-weight: bold;
    line-height: 8px;
    padding: 8px;
}

.mailbox,.tabpage {
    padding-bottom: 80px;
    width: 100%;
    float: left;
    margin: 0px;
    min-height: 400px;
    position: relative;
}

#topiclist,#topicview {
    margin: 0px;
    min-height: 400px;
    position: relative;
}

.mailboxwipe {
    position: absolute;
    right: 0px;
    min-height: 400px;
    background-color: #999;
    -webkit-transition: 5s ease-out;
    -o-transition: 5s ease-out;
    transition: 5s ease-out;
    width: 100%;
}

.folderbutton {
    font-weight: bold;
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    white-space: nowrap;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.folderbutton span {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    padding-left: .3em;
}

.folderbox,
.presetsbox,
.forumbox {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    zIndex: 5;
    /*min-height: 375px;*/
    float: left;
}

.folder,.paidonlyfolder {
    color: #333;
    line-height: 16px;
    padding: .5em 1em;
    cursor: pointer;
}

.folder:hover,.paidonlyfolder:hover {
    background-color: #FFDFFF;
}

.folder i,.paidonlyfolder i {
    float: left;
}

.paidonlyfolder i {
    color: #165f0f;
}

.folder div,.paidonlyfolder div {
    margin-left: 28px;
}

.curr_folder {
    cursor: default;
    font-weight: bold;
}

.curr_folder:hover {
    background-color: #249619;
}

.curr_folder {
    background-color: #249619;
    color: #fff;
}

i.importanttag {
    left: 22px;
    background-color: Red;
    color: White;
    border-radius: 12px;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    top: 7px;
}

.replied {
    color: #249619;
    padding: 10px 0px;
    width: 100%;
}

.frienditem {
    padding: 10px 10px 10px 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    height: 80px;
    clear: left;
}

.mailitem {
    padding: 10px 10px 10px 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    height: 80px;
    clear: left;
    cursor: pointer;
}

.mailitem:hover {
    background-color: #FFDFFF;
}

.autosenditem {
    padding: 10px 10px 10px 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #888;
    height: 80px;
    clear: left;
}

.mailcheckbox {
    float: left;
    position: relative;
    top: -10px;
    height: 60px;
}

.mailcheckbox label {
    display: inline-block;
    text-align: center;
    width: 46px;
    height: 80px;
    line-height: 80px;
}

.mailcheckbox label:hover {
    background-color: #b283dd;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.mailsubject,
.mailmember {
    line-height: 22px;
    margin-left: 98px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.mailmember img {
    vertical-align: initial;
}

.mailitem .mailsubject,
.autosenditem .mailsubject,
.mailitem .mailmember,
.autosenditem .mailmember,
.frienditem .mailmember {
    padding-left: 10px;
    margin: 0px;
}

.frienditem .mailmember {
    height: 44px;
    white-space: normal;
}

.mailmemberright {
    float: right;
    line-height: 22px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.mailsubject {
    color: #6526BA;
    font-size: 18px;
    position: relative;
}

.mailmood {
    line-height: 16px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    font-size: 12px;
}

.mailright {
    line-height: 20px;
    float: right;
    text-align: right;
    clear: right;
    min-height: 20px;
}

.mailconbodyleft {
    margin: 20px 10px 10px 108px;
}

.mailconbodyright {
    margin: 40px 108px 20px 20px;
}

.mailconbodyright div {
    display: inline-block;
}

.intsearchresults {
    background-color: #fff;
    border:0 1px 1px 1px solid Black;
    position:absolute;
    z-index: 103;
}

.intsearchresults .folder {
    text-decoration: none;
    font-weight: bold;
    padding-left: 1em;
    color: #444;
}

#searchbox,#intsearchbox {
    height: 32px;
    display: inline;
    line-height: 32px;
    border: 0px;
}

#searchbox {
    width: calc(100% - 96px);
}

#searchbox.shortersearchbox {
    width: calc(100% - 196px);
}

#intsearchbox {
    padding-left:32px;
    width: 100% ;
}

.searchbtn {
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #bbb;
    color: White;
    vertical-align: bottom;
}

.photosboxheader {
    background-color: Green;
    color: White;
}

.attachphotosbox {
    margin: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
}

.attachedphotos img {
    margin: 4px;
}

.attachedphoto img {
    height: 88px;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 2px;
}

.attachedphoto {
    position: relative;
}

.attachedphoto i.rem {
    float: right;
    cursor: pointer;
    color: #930c0c;
    position: absolute;
    right: 0px;
    text-shadow: 0px 0px 3px White, 0 0 5px White, 0 0 9px White;
}

#compview textarea,
.body {
    width: calc(100% - 20px);
    margin: 10px;
    height: 150px;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    line-height: 20px;
    font-size: 17px;
    border: 1px solid #bbb;
    padding-left: 10px;
}

input.compinput[type="text"],
.compinput {
    background-color: #FFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: 10px 0px 10px 100px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    border: 1px solid #bbb;
    margin-left: 100px;
    width: calc(100% - 110px);
}

.compinputlabel {
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    padding-left: 10px;
}

.compinput select {
    border: 0px;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.darkbg {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.showphotomodal {
    position: fixed;
    top: 56px;
    left: 0px;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10001;
}

.addphotomodal {
    width: 100%;
    height: calc(100% - 52px);
    margin: 0;
    position: fixed;
    top: 52px;
    left: 0px;
    z-index: 101;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.addphotobutton {
    cursor: pointer;
    border: 3px dotted gray;
    height: 88px;
    width: 88px;
    line-height: 88px;
    text-align: center;
}

.addphotobutton:hover {
    color: #249619;
}

.addphotobutton i {
    font-size: 40px;
}

#addphotobox {
    margin: 64px 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 16px);
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
            align-content: flex-start;
    overflow-y: scroll;
    height: calc(100% - 80px);
}

#addphotobox img {
    cursor: pointer;
    background-color: #888;
    width: 88px;
    height: 88px;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 2px;
}

.abusemodal {
    width: 100%;
    height: calc(100% - 52px);
    overflow-y: scroll;
    position: fixed;
    top: 52px;
    left: 0px;
    z-index: 101;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.conhead {
    padding: 8px;
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    background-color: #6526BA;
}

.conhead a {
    color: #FFF;
}

.conhead a:hover {
    background: none;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}

#mailview,
#conview,
#compview,
#topicview {
    min-height: 400px;
    display: none;
}

#conview {
    position: relative;
}

.maillocation {
    margin-left: 98px;
    overflow: hidden;
}

#mailhead {
    clear: both;
    padding: 10px;
}

#mailbody {
    padding: 20px 10px;
}

.mailactions {
    margin: 0px 10px;
}

.mailactions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 700px;
}

.mailactions a {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        -webkit-flex-shrink: 1;
            flex-shrink: 1;
    margin: 4px;
}

.multiactions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 4px;
}

.multiactions a {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        -webkit-flex-shrink: 1;
            flex-shrink: 1;
    margin: 4px;
}

.mailsettingsbtn {
    width: 64px;
    right: 0px;
    top: 0px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    float: left;
}

#bottommailbox {
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    bottom: 0px;
    text-align: center;
    margin:0px;
    padding:10px;
}

.phablets {
    display: none;
}

.mailmannav {
    width: calc(100% - 40px);
    margin: 20px;
}

.mailmannav a.btn {
    width: calc(100% - 8px);
    padding: 0px;
    margin: 4px;
}

.mailmanbody {
    width: 100%;
}

.mmcrd {
    padding: 20px;
    width: auto;
    display: block;
}

.chip {
    line-height: 24px;
    border-radius: 16px;
    padding: 4px 8px;
    margin: 4px;
    background-color: #ddd;
    display: inline-block;
}

.autosend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
}

.autosendtitle {
    font-weight: bold;
}

.urlbox {
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px #000000;
            box-shadow: inset 0 0 3px #000000;
    padding: 4px;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.copied {
    display: inline-block;
    position: fixed;
    left:50%;
    top:50%;
    font-size: 2em;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);
            box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);
    z-index:101;
    background-color: #777;
    color: #eee;
    border-radius: 4px;
    padding:15px;
}
.copied i {
    font-size: 1em;
}
#intmenu {
    position: absolute;
    left: 0;
    top: 52px;
    margin: 0;
    width: 250px;
    display: none;
    z-index: 101;
}

#intmenu a, .im_bar_tag a {
    text-decoration: none;
}

#intbtn {
    font-size: 14pt;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
}

.intcardtitle {
    font-weight: bold;
    /*text-decoration: none;*/
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    line-height: 30px;
}

.intreplybtn,.createalbumbtn {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 30px;
    width: 80px;
    background-color: #6526BA;
    border-radius: 25px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    font-size: 30px;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.intreplybtn:hover,.createalbumbtn:hover {
    background-color: #6526BA;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}

.interestedbtn,.fakeinterestedbtn {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.intlegend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

.intbtnbigger {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
}

.interestedbtn i.material-icons,.fakeinterestedbtn i.material-icons {
    font-size: 18px;
}


.intbtnbigger i.material-icons {
    font-size: 24px;
}

.interestedbtn:hover {
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}

.int_interested {
    background-color: #249619
}

.int_neutral {
    background-color: #fca401
}

.int_notinterested {
    background-color: #961922
}

.flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flexcentered {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}

.intpiccomment {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
            align-items:center;
    height:320px;
    background-position: center;
    background-size: cover;
}

DIV.flexgrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
}
.othersint {
    float: left;
    clear: left;
    width: 100%;
}

.floatintreplybtn, .floatcreatealbumbtn {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 50;
    text-decoration: none;
    border-radius: 0px;
    font-size:12pt;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.floatintreplybtn {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.floatcreatealbumbtn {
    width: 200px;
}

.intselbox {
    text-align: center;
}

.intrelbox {
    margin: 10px;
    height: auto;
    width: 100%;
}
.profileactions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    line-height: 22px;
}
.profileactions a,.thingregbtns a {
    /*text-decoration: none;*/
    padding:0 5px;
}
.profileactions i,#picsandprofile i {
    margin-right:5px;
}
div.friendspageonly,div.profileviewsonly,div.recentviewsonly {
    display: none;
}
div.featuredpageonly {
    display: none;
    background-color: #300070;
    color: #eee;
    font-size:14pt;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
}

.album {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6329b5+0,6526ba+50,5a17b7+100 */
    background: #6329b5; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #6329b5 0%,#6526ba 50%,#5a17b7 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, left bottom,  from(#6329b5),color-stop(50%, #6526ba),to(#5a17b7));
    background: -o-linear-gradient(top,  #6329b5 0%,#6526ba 50%,#5a17b7 100%);
    background: linear-gradient(to bottom,  #6329b5 0%,#6526ba 50%,#5a17b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6329b5', endColorstr='#5a17b7',GradientType=0 ); /* IE6-9 */
    color:#FFFFFF;
    text-shadow: 1px 1px 2px #333;
    border-bottom: 1px solid #532099;
    box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
    padding: 5px;
    margin: 4px;
}
.req {
    font-size: .8em;
    color: #555;
}
.fullwidth {
    width: 100%;
}

#intselector {
    margin: 5px;
}

.rellist li {
    text-decoration: none;
    padding:4px;
    font-weight: bold;
    color:#222;
    cursor: pointer;
}

.rellist li:hover {
    background-color: #FFDFFF;
}

.infobox {
    padding:10px;
    margin:10px;
    background-color: #c29be3;
}

.infobox pre {
    font-size: 2.3vw;
}

.pointsnum {
    background-color:#87d287;
    display: inline-block;
    padding: 2px;
}
.albumcardthumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 5px;
}
.albumcardthumbs img {
    -ms-flex-negative: 1;
        -webkit-flex-shrink: 1;
            flex-shrink: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
}
.albumstats {
    line-height: 26px;
    color: #888;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
}
.albumcard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
    padding: 10px;
    position: relative;
}
.albumcard h3 {
    margin: 0;
}
.albumcard a {
    /*text-decoration: none;*/
}
a.thumbtag {    
    display: block;
    width: 100px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        -webkit-flex-shrink: 1;
            flex-shrink: 1;
    margin: 5px;
}
.viewswitch {
    font-size: 10pt;
    line-height:16px;
    font-weight: normal;
}

.paidonlyblur {
    -webkit-filter: blur(1px);
            filter: blur(1px);
}
.notpaidbox {
    background-color:rgba(200,200,200,.7);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*text-shadow: 
    0px 0px 2px #FFF,
    -2px -2px 0px #FFF,
    -2px 2px 0px #FFF,
    2px -2px 0px #FFF,
    2px 2px 0px #FFF,
    0px 0px 6px rgba(255, 255, 255, 0.8),
    0px 0px 10px rgba(255, 255, 255, 0.6);*/
}
.notpaidbox div {
    margin:10px;
}
.notpaidboxbox {
    display: inline-block;
    text-align: center;
    background-color: #FFF;
    padding: 5px;
    -webkit-box-shadow: 0 0 15px 5px rgb(200,200,200);
            box-shadow: 0 0 15px 5px rgb(200,200,200);
    background-color: rgb(200,200,200);
}
.wider320 {
    display: none !important;
}

.servingfor {
  font-family: "Alata", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #6526ba;
  font-size: clamp(0.8rem, 4vw, 1rem);
  white-space: nowrap;
  clear: left;
}

@media only screen and (max-height: 620px) {
    .menudm {
        display: none;
    }
}

@media only screen and (min-width: 320px) {
    .wider320 {
        display: initial;
    }
}

@media only screen and (min-width: 400px) {
    .phablets {
        display: initial;
    }
}

@media only screen and (min-width: 440px) {
    .viewswitch {
        font-size: 14pt;
        line-height:20px;
    }
    .navb {
        height: 64px;
        line-height: 64px;
    }
    .navb ul li {
        line-height: 64px;
    }
    #intbtn {
        font-size: 18pt;
        line-height: 26px;
    }
    #sendnicenessbox {
        display: none;
        position: absolute;
        border: 10px solid #6526BA;
        width: 395px;
        padding: 5px;
        background-color: #E0E0E0;
        -moz-border-radius: 6px;
    }
    .modalcard {
        width: 430px;
    }
    .thinglist {
        float: left;
        position: relative;
        width: 300px;
    }
    .thinglistlabel {
        float: left;
        padding-top: 30px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .wideonly {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .floatintreplybtn, .floatcreatealbumbtn {
        position: fixed;
        bottom: 30px;
        left: auto;
        right: 30px;
        z-index: 50;
        border-radius: 25px;
        
        text-decoration: none;
        font-size:12pt;
        -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
                box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }

    .floatintreplybtn {
        width: 130px;
        height: 50px;
        line-height: 50px;
    }
    .intlegend {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                -webkit-flex-direction: row;
                flex-direction: row;
        -ms-flex-pack: distribute;
            -webkit-justify-content: space-around;
                justify-content: space-around;
    }
    .addphotomodal {
        width: 90vw;
        height: calc(90vh - 76px);
        margin: calc(5vh + 24px) 5vw 5vh 5vw;
    }
    .infobox pre {
        font-size: 16px;
    }
    .intrelbox {
        width: auto;
    }
    .navbar {
        text-align: left;
    }
    .mailmannav {
        width: 200px;
        float: left;
    }
    .mailmannav a.btn {
        width: 100%;
        margin: 4px 0px;
    }
    .mailmanbody {
        margin-left: 240px;
        width: calc(100% - 240px);
    }
    #searchbox {
        width: calc(100% - 164px);
    }
    #searchbox.shortersearchbox {
        width: calc(100% - 264px);
    }
    .mailsettingsbtn {
        width: 132px;
    }
    .mailbox,.tabpage {
        width: calc(100% - 252px);
        margin: 1px;
        float: none;
    }
    #topiclist {
        margin: 1px;
        float: none;
    }
    .joinlnk {
        display: inline;
    }
    .joinlnkmobile {
        display: none;
    }
    .mobileonly {
        display: none !important;
    }
    .mailitem,
    .autosenditem {
        padding: 10px 10px 10px 0px;
    }
    .dishonestyquestion {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .folderbox {
        display: block;
        position: static;
        top: auto;
        left: auto;
        width: 250px;
    }
    .presetsbox {
        display: block;
        position: static;
        top: auto;
        left: auto;
        width: 450px;
    }
    .forumbox {
        width: 325px;
    }
    .intgal .card {
        -webkit-flex: 1 1 300px;
        -ms-flex: 1 1 300px;
            flex: 1 1 300px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                -webkit-flex-grow: 1;
                flex-grow: 1;
        margin: 10px;
    }
    .intmain {
        width: calc(100% - 280px);
        padding-left: 10px;
    }
    .intselbox {
        width: 270px;
        float: left;
    }

    .intrel {
        width: auto;
        margin-right: auto;
    }

    .intrel .btn {
        width: auto;
        margin-left: 20px;
    }
    .fullwidth {
        width: auto;
    }
    .othersint {
        width: 270px;
    }
}