html, div, span, form, p, img, ul, li, a, table, tr, td {padding: 0;margin: 0;}
body {margin: 0 auto;padding:0;max-width:480px;background-color:#281864;color:#FFFFFF;}
body, input, textarea {font-family: Arial, Verdana, Tahoma, Sans-Serif;font-size:1em;}
img {border: 0;max-width:100%;vertical-align:middle;font-size:0.5em;}
table{border:0;border-collapse:collapse;}
li {list-style:none;}
.h1, .big{font-size:1.3em;}
.bold {font-weight: bold;}
a{color:#FFFFFF; text-decoration: none;}
a:visited{color:#FFFFFF; text-decoration: none;}
.btn, .btndis, .btni, .btnidis, .pgbutton, .pgbuttondis {
    border-radius: 4px;
}
.btn, .btnl, .btndis, .btnldis, .btni, .btnli, .btnidis, .btnlidis, .pgbutton, .pgbuttondis {
    background-repeat:repeat-x;
    text-decoration: none;
    display: inline-block;
    color:#FFFFFF;
    font-weight:bold;
    text-shadow: 1px 1px 1px black;
    text-align: left;
    margin: 2px 0;
    position: relative;
}
.btn, .btnl, .btni, .btnli, .pgbutton {
    background-color: #A12396;
    /*-webkit-linear-gradient(to bottom, #A12396, #7F218F) transparent*/
    background-image: -moz-linear-gradient(top, rgba(160, 34, 149,1), rgba(100, 0, 103,1));
    background-image: -o-linear-gradient(top, rgba(160, 34, 149,1), rgba(100, 0, 103,1));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(160, 34, 149,1)), to(rgba(100, 0, 103,1)));
    background-image: linear-gradient(top, rgba(160, 34, 149,1), rgba(100, 0, 103,1));
    background-image: -ms-linear-gradient(top, rgba(160, 34, 149,1), rgba(100, 0, 103,1));
}
.btnldis, .btndis, .btnlidis, .btnidis, span.btnli, div.btnl, span.btni, span.btnl, .minbtnidis {
    /*-webkit-linear-gradient(to bottom, #A12396, #7F218F) transparent*/
    background-color: #7F218F;
    background-image: -moz-linear-gradient(top, rgb(103, 20, 130), rgb(103, 20, 130));
    background-image: -o-linear-gradient(top, rgb(103, 20, 130), rgb(103, 20, 130));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(103, 20, 130)), to(rgb(103, 20, 130)));
    background-image: linear-gradient(top, rgb(103, 20, 130), rgb(103, 20, 130));
    background-image: -ms-linear-gradient(top, rgb(103, 20, 130), rgb(103, 20, 130));
}
input[type="password"], input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    width: 100%;
    padding:2px;
    border:0;
}
input[type=text], textarea{width:99%;}
input[type=text], textarea{background-color:#FFFFFF;}
input.btn {border: 1px solid #222;border-bottom: 1px solid #111;}
.btn, .btndis, .btnl, .btnldis {padding:8px 4px;}
.btni, .btnidis, .btnli, .btnlidis {padding:6px 4px;}
.btnl, .btnldis, .btnli, .btnlidis {display:block;}
.btnf {display: inline-block; padding: 0 2px;}
.feedbackPanelERROR, .feedbackPanelINFO, .major, .decline, .accept{color:#FFFFFF;}
.message{padding: 0 4px 4px 4px; color: #ddd; word-break: normal; overflow: hidden;}
.feedback, .confirm, .feedbackPanel, .cnt {padding: 6px 4px;border:0px; background-color: #281864;}
.sbm{width: 100%;border:0;margin-bottom:0;}
.h1{padding-top:4px;}
.bgcontent {background: url(/images/background_64x64-3.png) repeat #401971;}
.bfbgcontent {background: url(/images/background_64x64-4.png) repeat #401971;}
.bgcommon{background-color:#281864;}
.bgselected{background-color:#7F218F;}
.bgprofile{background-color:#281864;}
.devpanel, .content, .bgcontent, .bgprofile {padding: 6px 4px;}
.border{border: 1px solid #836792;margin-top: 4px;color: #FFFFFF;}
.block {margin-top:4px;}
.mtm{margin-top:8px;}
.devpanel {border-bottom:1px solid #222;}
.devpanel, .devpanel a, .minor, .minor a, .tgrey {color:#666;}
.minor, .small {font-size:0.8em;font-weight:normal;}
.prompt {font-size:0.8em;font-weight:normal; color: #abbdff; font-style: italic;}
.fl{float:left;}
.fr{float:right;}
.center, .h1, .feedback, .confirm, .feedbackPanel {text-align:center;}
.left{text-align:left;}
.portrait{margin-right:4px;margin-bottom:2px;}
.cb {clear: both;}
.yellowBorder {border:1px solid #FFE03C;}
.redBorder {border:1px solid #ff4d4d;}
.greenowBorder {border:1px solid #8CD41E;}
.transperentBorder {border:1px solid transparent;}
.tred {color: #ff4d4d;}
.admin {color: #8CD41E;}
.tyellow, .moderator {color: #f3bd1c;}
.support {color: PaleGreen}
.tblue {color: #aab4ff;}
.tblue2, .lnkon {color: #abbdff;}
.tpink {color:#9A74AC;}
.twhite {color: #ffffff;}
.thint {color: #b288c8;}
.news {color: #f9e193;}
.pg {text-align: center;display: inline-block;min-width: 20px;}
.pgbuttondis {border: 1px solid #836792; border-radius: 6px; color: #FFFFFF;}
.pgbutton, .pgbuttondis {margin: 4px 0;}
.pgbuttondis {padding: 3px;}
.pgbutton {padding:4px;}
.nobr{white-space: nowrap;}
.plusImage {position: absolute; right: 4px;}
.italic {font-style: italic;}
.bold {font-weight: bold}
.normal {font-weight: normal}
.tblock {padding: 4px 4px 0 4px;}
.bblock {padding: 0 4px 4px 4px;}
.tbblock {padding: 4px 0 4px 0;}
.ledOn {background-color: #e84484; border-radius: 4px; height: 4px; width: 32px; margin: 4px 4px 0 4px;}
.ledOff {background-color: transparent; border-radius: 4px; height: 4px; width: 40px;}
.womt{margin-top:0;}
.author {color: #ADD8E6;}

.progress_exp_f {background: #291B63;}
.progress_exp_b {background: #6E3CFF}
.progress_relationship_f {background: #291B63;}
.progress_relationship_b {background: #B01613}
.progress_job_f {background: #291B63;}
.progress_job_b {background: #E78C40;}
.progress_task_f {background: #291B63;}
.progress_task_b {background: #1EA715;}
.progress_reputation_f {background: #291B63;}
.progress_reputation_b {background: #EC02AD;}
.progress_club_exp_f {background: #291B63;}
.progress_club_exp_b {background: #CC89EE;}
.progress_club_order_f {background: #291B63;}
.progress_club_order_b {background: #00B199;}
.progress_model_exp_f {background: #291B63;}
.progress_model_exp_b {background: #653CFF;}
.progress_materials_prob_bonus_f {background: #291B63;}
.progress_materials_prob_bonus_b {background: #FFC700}

.v_wr5 { background: url("/images/background/valentine/48/left_top.png") no-repeat 0 0;}
.v_wr6 { background: url("/images/background/valentine/48/right_top.png") no-repeat 100% 0;}
.v_wr7 { background: url("/images/background/valentine/48/right_bottom.png") no-repeat 100% 100%;}
.v_wr8 { background: url("/images/background/valentine/48/left_bottom.png") no-repeat 0 100%; }

@media (min-width: 180px) {
    .progress_exp_f {background: url("/images/progress/exp_faded_20.png") repeat-x;}
    .progress_exp_b {background: url("/images/progress/exp_bright_20.png") repeat-x;}
    .progress_relationship_f {background: url("/images/progress/relationship_faded1_20.png") repeat-x;}
    .progress_relationship_b {background: url("/images/progress/relationship_bright1_20.png") repeat-x;}
    .progress_job_f {background: url("/images/progress/job_faded_20.png") repeat-x;}
    .progress_job_b {background: url("/images/progress/job_bright_20.png") repeat-x;}
    .progress_task_f {background: url("/images/progress/task_faded_20.png") repeat-x;}
    .progress_task_b {background: url("/images/progress/task_bright_20.png") repeat-x;}
    .progress_reputation_f {background: url("/images/progress/reputation_faded_20.png") repeat-x;}
    .progress_reputation_b {background: url("/images/progress/reputation_bright_20.png") repeat-x;}
    .progress_club_exp_f {background: url("/images/progress/club_exp_faded_20.png") repeat-x;}
    .progress_club_exp_b {background: url("/images/progress/club_exp_bright_20.png") repeat-x;}
    .progress_club_order_f {background: url("/images/progress/club_order_faded_20.png") repeat-x;}
    .progress_club_order_b {background: url("/images/progress/club_order_bright_20.png") repeat-x;}
    .progress_model_exp_f {background: url("/images/progress/model_exp_faded_20.png") repeat-x;}
    .progress_model_exp_b {background: url("/images/progress/model_exp_bright_20.png") repeat-x;}
    .progress_materials_prob_bonus_f {background: url("/images/progress/materials_prob_bonus_faded_20.png") repeat-x;}
    .progress_materials_prob_bonus_b {background: url("/images/progress/materials_prob_bonus_bright_20.png") repeat-x;}
    .progress_dog_f {background: url("/images/progress/dog_faded_20.png") repeat-x;}
    .progress_dog_b {background: url("/images/progress/dog_20.png") repeat-x;}
}
@media (min-width: 320px) {
    .progress_exp_f {background: url("/images/progress/exp_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_exp_b {background: url("/images/progress/exp_bright.png") repeat-x; background-size: 20px 20px;}
    .progress_relationship_f {background: url("/images/progress/relationship_faded1.png") repeat-x; background-size: 20px 20px;}
    .progress_relationship_b {background: url("/images/progress/relationship_bright1.png") repeat-x; background-size: 20px 20px;}
    .progress_job_f {background: url("/images/progress/job_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_job_b {background: url("/images/progress/job_bright.png") repeat-x; background-size: 20px 20px;}
    .progress_task_f {background: url("/images/progress/task_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_task_b {background: url("/images/progress/task_bright.png") repeat-x; background-size: 20px 20px;}
    .progress_reputation_f {background: url("/images/progress/reputation_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_reputation_b {background: url("/images/progress/reputation_bright.png") repeat-x; background-size: 20px 20px;}
    .progress_club_exp_f {background: url("/images/progress/club_exp_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_club_exp_b {background: url("/images/progress/club_exp_bright.png") repeat-x; background-size: 20px 20px;}
    .progress_club_order_f {background: url("/images/progress/club_order_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_club_order_b {background: url("/images/progress/club_order_bright.png") repeat-x; background-size: 20px 20px;}
    .progress_model_exp_f {background: url("/images/progress/model_exp_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_model_exp_b {background: url("/images/progress/model_exp_bright.png") repeat-x; background-size: 20px 20px;}
    .progress_materials_prob_bonus_f {background: url("/images/progress/materials_prob_bonus_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_materials_prob_bonus_b {background: url("/images/progress/materials_prob_bonus_bright.png") repeat-x; background-size: 20px 20px;}
    .progress_dog_f {background: url("/images/progress/dog_faded.png") repeat-x; background-size: 20px 20px;}
    .progress_dog_b {background: url("/images/progress/dog.png") repeat-x; background-size: 20px 20px;}
    .runwayBackLeft {
        background: url('/images/runway/left_.jpg')  left no-repeat;
        background-size: 105px 242px;
    }
    .runwayBackRight {
        background: url('/images/runway/right_.jpg') right no-repeat;
        background-size: 105px 242px;
    }
    .wardrobeBackLeft {
        background: url('/images/wardrobe_left.png')  left no-repeat;
        background-size: 105px 242px;
    }
    .wardrobeBackRight {
        background: url('/images/wardrobe_right.png') right no-repeat;
        background-size: 105px 242px;
    }
    .salonBackLeft {
        background: url('/images/salon_left.png')  left no-repeat;
        background-size: 105px 242px;
    }
    .salonBackRight {
        background: url('/images/salon_right.png') right no-repeat;
        background-size: 105px 242px;
    }
    .weddingBackLeft {
        background: url('/images/wedding_left.jpg')  left no-repeat;
        background-size: 105px 242px;
    }
    .weddingBackRight {
        background: url('/images/wedding_right.jpg') right no-repeat;
        background-size: 105px 242px;
    }
    .v_wr5 { background: url("/images/background/valentine/96/left_top.png") no-repeat 0 0; background-size: 48px;}
    .v_wr6 { background: url("/images/background/valentine/96/right_top.png") no-repeat 100% 0; background-size: 48px;}
    .v_wr7 { background: url("/images/background/valentine/96/right_bottom.png") no-repeat 100% 100%; background-size: 48px;}
    .v_wr8 { background: url("/images/background/valentine/96/left_bottom.png") no-repeat 0 100%; background-size: 48px;}

}
.progress { height: 20px; width: 100%;}
table.flowers{ border-collapse: collapse; background: url("/images/background_64x64-2.png") repeat;}
table.flowers td { width: 45px; height: 45px; border: 1px solid #281864;}
div.center table { margin: 0 auto; text-align: left; }
.row-item{display: inline-block; padding: 2px;}
.open-roll {
    background: url("/images/icons/flower_selected.png") no-repeat;
}
.online{color:#dd81e1;}
.onlineReputation{color:#00FFFF;}
.onlineReputation2{color:#9DEB45;}
.offline{color:#9172c5;}
.offlineReputation{color:#5F9EA0;}
.offlineReputation2{color:#899482}
.banned{color:#708090;}
.achl{padding-right: 15px;}
.achr{padding-left:15px;}
input[type=submit].btn {text-align: center; width: 100%;border:0;margin-bottom:0;}
a img.link {border: 1px solid #e84484; border-radius:4px; padding: 1px;}
span img.link {padding: 2px;}
.wide {width:90%;}
.expline {background-color:#4ed83a;border-radius:4px;height:3px; background-image:url('/images/icons/pbar.png');background-repeat: repeat-x;}
.lnkon {text-decoration: underline;}
.ptm {padding-top: 4px;}

/* PHOTO */
.photo {position: relative;}
@media (min-width: 320px) {
    .clt {background-image: url("/images/photo/left_top_18.png"); position: absolute; top: -1px; left: -1px; width: 18px; height: 18px;}
    .crt {background-image: url("/images/photo/right_top_18.png"); position: absolute; top: -1px; right: -1px; width: 18px; height: 18px;}
    .crb {background-image: url("/images/photo/right_bottom_18.png"); position: absolute; bottom: -1px; right: -1px; width: 18px; height: 18px;}
    .clb {background-image: url("/images/photo/left_bottom_18.png"); position: absolute; bottom: -1px; left: -1px; width: 18px; height: 18px;}
    .pborder {border:1px dashed #cfc7dc; padding:8px;}
}

.tleft {text-align: left;}
.fs12 {font-size: 12px;}
.fs15 {font-size: 15px;}
.fs18 {font-size: 18px;}
.pt4 {padding-top: 4px;}
.pb4 {padding-bottom: 4px;}
.pt8 {padding-top: 8px;}
.pb8 {padding-bottom: 8px;}
.bordered {border-width: 1px; border-style: solid; border-color: #bbbbbb; padding: 4px;}
.show350 {display: none; visibility: hidden;}
@media (min-width: 350px) {
    .show350 {display: block; visibility: visible;}
}
.ticket-background {
    width: 192px;
    height: 116px;
    background-size: cover;
    background-position: center;
}
.ticket-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ticket-foreground span {
    text-align: center;
    margin: 0;
}
table.tickets {
    width: auto;
    border-collapse: collapse;
}
table.tickets td {
    width: 192px;
    height: 116px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
}
