@font-face {
    font-family: 'franklin-cd';
    src: url('/assets/fonts/Franklin-Gothic-Std-Condensed.otf') format('truetype');
}

.clear {
    *zoom: 1;
    clear: both;
}

.clear:before,
.clear:after {
    display: table;
    line-height: 0;
    content: "";
}

.clear:after {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}


/******************** Upload Photo ****************************/

.upload-bkground-container {
    width: 100%;
    height: auto;
    background-color: #fff;
    float: left;
    margin-top: 20px;
}

.upload-photo-title,
.story-title {
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 20px 0 10px;
    text-align: center;
}

.story-title {
    padding: 20px 0 5px;
    text-align: left;
}

.story-subtitle {
    width: 100%;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    color: #7b7b7b;
}

.upload-left-container {
    float: left;
    width: 250px;
    height: auto;
    margin: 20px 12px 0px 20px;
}

.editPhoto .upload-left-container {
    margin: 0 5px 0 0;
}

.upload-community-rules {
    width: 230px;
    height: auto;
    font-size: 12px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 40px;
}

.upload-community-rules-header {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    margin-left: 22px;
    border-bottom: 1px solid #000;
}

.upload-photo-container {
    width: 250px;
    /* height:250px; */
    /* line-height:250px; */
    border: 1px solid #eeeded;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(216, 216, 216, 0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(216, 216, 216, 0.75);
    box-shadow: 0px 5px 5px 0px rgba(216, 216, 216, 0.75);
}

.upload-right-container {
    float: left;
    width: 610px;
    height: auto;
    margin: 20px 15px 0px 15px;
}

.editPhoto .upload-right-container {
    width: 660px;
    margin: 0 0 0 15px;
}

.upload-fields-container {
    width: 590px;
    height: auto;
    padding: 8px 10px 12px 17px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.editPhoto .upload-fields-container {
    width: auto;
    padding: 15px;
}

.upload-fields-container #upload-schedule {
    margin-top: 14px;
}

.upload-fields-container #upload-schedule input,
.upload-fields-container #upload-schedule select {
    margin: 0 14px;
}

.upload-fields-container input {
    text-transform: none;
}

.upload-fields-container li {
    text-transform: none;
}

.upload-fields-container .bg-only,
#video-url-container div.bg-only {
    background-image: url("../img/top-loggedin-bkgd.jpg");
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.complusory-text {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #7b7b7b;
    text-transform: lowercase;
}

#upload-field {
    width: 580px;
    height: 28px;
    display: inline;
    margin: 0 0 0 15px;
}

.editPhoto #upload-field {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin: 0;
}

#upload-field input,
#upload-field textarea {
    top: 5px;
    right: 15px;
    width: 568px;
    height: 30px;
    padding: 0 0 0 10px;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
    font: 13px;
    color: #909090;
    line-height: 20px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: lighter;
}

.editPhoto #upload-field textarea {
    width: 618px;
    margin: 5px 0 5px 15px;
    padding: 5px;
    border: 1px solid #e5e5e5;
    color: #000;
    line-height: 25px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

#video-url {
    padding: 4px 0 4px 10px;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
    color: #000;
    line-height: 24px;
    background-color: #fff;
    z-index: 2;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    position: relative;
}

#video-url:focus {
    outline: none;
    -webkit-box-shadow: 0 0 2px rgba(85, 85, 85);
    -moz-box-shadow: 0 0 2px rgba(85, 85, 85);
    box-shadow: 0 0 2px rgba(85, 85, 85);
}

.upload-select select {
    background: transparent;
    width: 580px;
    padding-left: 15px;
    padding-top: 3px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 30px;
    -webkit-appearance: none;
    font: 13px;
    color: #909090;
    position: relative;
    z-index: 3;
}

.upload-select {
    width: 580px;
    height: 30px;
    background: url(../img/upload-select.jpg) no-repeat right #fff;
    border: 0;
    position: relative;
    z-index: 3;
    margin-top: 5px;
}

.editPhoto .upload-select {
    width: 628px;
    background: #fff url(../img/upload-select.png) no-repeat 600px center;
    margin: 10px 0 0;
    border: 1px solid #e5e5e5;
}

#cztw-main-cat {
    display: flex;
}

.upload-looks-container,
.upload-fashion-container,
.upload-looks-container-category {
    width: 540px;
    height: 73px;
    position: relative;
    z-index: 2;
    margin: 25px 0px 15px 15px;
    padding: 5px 10px;
}

.upload-looks-label {
    width: 90px;
    height: 20px;
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    z-index: 3;
    background-color: rgba(220, 28, 85, 0.4);
    text-align: center;
    margin: -22px 223px -22px;
    padding-top: 3px;
}

.editPhoto .upload-looks-label {
    width: 100%;
    height: 16px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    line-height: 16px;
    text-transform: uppercase;
    color: #000;
    background: rgb(244, 244, 244);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43%, rgba(243, 243, 243, 1)), color-stop(78%, rgba(216, 216, 216, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
    box-shadow: 0 2px 11px -5px #c0c0c0;
    position: relative;
    float: left;
    margin: 0;
    padding: 12px 0;
}

.upload-fashion-container,
.upload-beauty-container,
.upload-hijab-container,
.upload-lifestyle-container,
.upload-mamannials-container,
.upload-men-container {
    width: calc(100%/6) !important;
    height: fit-content !important;
    position: relative;
    z-index: 2;
    border: 1px solid #e5e5e5;
    margin: 15px auto 0 auto;
    padding: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}

.upload-category-btn {
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    color: #000;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 8px;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    margin: 11px 2px;
    float: left;
}

.upload-category-btn:hover {
    text-decoration: none;
    color: #000;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: #cecece;
}

.upload-category-btn.open {
    color: #fff;
    background-color: #dc1c55 !important;
}

.upload-type-btn {
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    color: #000;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 8px;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    margin: 11px 2px;
    float: left;
}

.upload-type-btn:hover {
    text-decoration: none;
    color: #000;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: #cecece;
}

.upload-type-btn.open {
    color: #fff;
    background-color: #dc1c55;
}

.upload-footer {
    width: 900px;
    height: 26px;
    background-color: #f5f5f5;
    float: left;
    padding: 12px 15px 8px 15px;
}

.upload-footer-shadow {
    width: 930px;
    height: 15px;
    float: left;
    background-image: url("../img/upload-footer-shadow2.png");
}

.upload-buttons-container {
    width: auto;
    height: auto;
    float: right;
}

.upload-post-fb {
    width: auto;
    height: auto;
    float: left;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 2px;
}

.close-btn,
.shareNwBtn {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 15px;
    margin-left: 5px;
}

.shareNwBtn {
    background-color: #dc1c55;
}

.close-btn {
    background-color: rgba(0, 0, 0, 0.25);
}

.close-btn:hover,
.shareNwBtn:hover {
    background-color: #000;
    color: #fff;
}

ul .star-icon {
    list-style-image: url('../img/li-icon.png');
    margin: 10px 0 0 38px;
}

#photo_div {}

#photo_div img {
    max-width: 250px;
    max-height: 250px;
}

.picker-new {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding: 8px 24px 8px 12px;
    cursor: pointer;
    box-shadow: inset 0 1px 1px rgba(34, 25, 25, 0.1), 0 1px #fff;
    -moz-box-shadow: inset 0 1px 1px rgba(34, 25, 25, 0.1), 0 1px #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(34, 25, 25, 0.1), 0 1px #fff
}

.editPhoto .picker-new {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.picker-new .selected-text {
    display: block;
    font: normal 13px 'Open Sans', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
}

.picker-new:hover {
    {
        background-color: #ebe8e8;
        background: -moz-linear-gradient(#f9f6f6, #ebe8e8);
        background: -o-linear-gradient(#f9f6f6, #ebe8e8);
        background: -webkit-linear-gradient(#f9f6f6, #ebe8e8);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f6', endColorstr='#ebe8e8');
        border- color: #8c7e7e
    }
}

.picker-new:active {
    background-color: #dc1c55;
    background: -moz-linear-gradient(#d3436d, #dc1c55);
    background: -o-linear-gradient(#d3436d, #dc1c55);
    background: -webkit-linear-gradient(#d3436d, #dc1c55);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a62bc', endColorstr='#3875D7');
    border- color: #524d4d;
    box-shadow: inset 0 1px 1px rgba(34, 25, 25, 0.5), 0 2px 2px white;
    -moz-box-shadow: inset 0 1px 1px rgba(34, 25, 25, 0.5), 0 2px 2px white;
    -webkit-box- shadow: inset 0 1px 1px rgba(34, 25, 25, 0.5), 0 2px 2px white
}

.picker-new:active .selected-text {
    color: white;
    text-shadow: none
}

.picker-new .create-text {
    padding: 4px;
    background-color: #f2f0f0;
    border-top: 1px solid #cccaca;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    cursor: default
}

.picker-new .create-text input {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box- sizing: border-box;
    font-size: normal 16/18px helvitica;
    width: 70%;
    margin: 0 6px 0 0;
    font-size: 1em;
    border: 1px solid #ad9c9c;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px rgba (255, 255, 255, 0.8);
    -webkit-box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.08s ease-in-out;
    -moz-transition: all 0.08s ease-in-out
}

.picker-new .create-text button {
    font: normal 13px 'AvenirNext-Regular', sans-serif;
}

.list-item-new-overlay {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.list-item-new {
    display: none;
    position: absolute;
    z-index: 9999;
    top: -1px;
    left: -1px;
    background-color: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 0 17px #bbb;
    -moz-box-shadow: 0 0 17px #bbb;
    -webkit-box-shadow: 0 0 17px #bbb;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.list-item-new .wrapper {
    overflow-x: hidden;
    overflow-y: auto
}

.list-item-new li {
    position: relative;
    display: block;
    margin: 0;
    font: normal 13px 'Open Sans', sans-serif;
    padding: 7px 10px 7px 10px;
    list-style: none;
    color: #524d4d;
    cursor: pointer;
    width: 100%
}

.list-item-new li:hover,
.list-item-new li:active,
.list-item-new .selected {
    color: white;
    background-color: #dc1c55
}

.list-item-new li:active {
    text-shadow: none
}

.list-item-new li:first-child {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

ul.tagit {
    padding: 0 0 0 20px;
    margin: 0 0 0 15px;
}

.editPhoto ul.tagit {
    width: 608px;
}

ul.tagit li.tagit-new {
    padding: 0 10px 5px 4px
}

ul.tagit input[type="text"] {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #000;
    padding: 0 0 4px 5px;
}

ul.tagit input[type="text"]:focus,
#upload-description {
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#upload-description:focus {
    outline: none !important;
    box-shadow: 0 0 2px #555;
}

.ui-widget-content {
    top: 5px;
    right: 15px;
    padding: 0 0 0 10px;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    color: #909090;
    background-color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px
}


/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #fff; border:solid 1px #e5e5e5; font-size:11px;}*/

#create-new-collection {
    height: 30px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    width: 260px;
    margin-bottom: -11px
}

#upload-description {
    resize: none;
}

#video-url-container {
    width: 934px;
    margin: 0 auto;
}

#video-url-container hr {
    margin-top: 20px;
    border: 0;
    border-top: 1px solid rgba(204, 204, 204, 0.4);
}


/*#video-url-container .upload-photo-title {padding:20px 0 10px;text-align:center;float:none;}*/

#video-url-container .shareNwBtn {
    padding: 5px;
    padding: 10px 9px 9px;
}

#video-url {
    position: relative;
    width: 797px;
}

#video-url-container .bg {
    padding: 15px;
    position: relative;
}

#video-url-container header {
    font-size: 14px;
    margin-bottom: 5px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
}

#src-error,
#data-error {
    color: red;
    font-size: 16px;
    display: none;
    text-align: center;
    padding: 10px;
}

.video-spacing {
    min-height: 400px;
}

.video-spacing #cztw-img-load-wait {
    display: none;
    text-align: center;
    padding: 20px 0;
}

#video-url-btn {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

#upload-form-inline .upload-bkground-container {
    margin: 20px 0;
}

#upload-form-inline .upload-left-container {
    margin: 0 5px 0 0;
}

#upload-form-inline .upload-right-container {
    width: 660px;
    margin: 0 0 0 15px;
}

#upload-form-inline .upload-fields-container {
    width: auto;
    padding: 15px;
}

#upload-form-inline #upload-field {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin: 0;
}

#upload-form-inline #upload-field input[type="text"] {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

#upload-form-inline #upload-field textarea {
    width: 618px;
    margin: 5px 0 5px 15px;
    padding: 5px;
    border: 1px solid #e5e5e5;
    color: #000;
    line-height: 25px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

#upload-form-inline #upload-field input[type="text"]:focus,
#upload-form-inline #upload-field textarea:focus {
    -webkit-box-shadow: 0 0 2px rgba(85, 85, 85);
    -moz-box-shadow: 0 0 2px rgba(85, 85, 85);
    box-shadow: 0 0 2px rgba(85, 85, 85);
}

#upload-form-inline .bg-only {
    background-image: url("../img/top-loggedin-bkgd.jpg");
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

#upload-form-inline .upload-select {
    width: 628px;
    background: #fff url(../img/upload-select.png) no-repeat 600px center;
    margin: 10px 0 0;
    border: 1px solid #e5e5e5;
}

#upload-form-inline .picker-new {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#upload-form-inline ul.tagit {
    width: 608px;
}

#upload-form-inline .upload-looks-container,
.editPhoto .upload-looks-label {
    position: relative;
    /*background: url("../img/upload-looks-bkgd2.png") no-repeat bottom right;*/
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 40px;
    margin: 10px auto 0px auto;
    padding: 0;
    /* opacity: 0.2; */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8%, rgba(255, 255, 255, 1)), color-stop(78%, rgba(243, 242, 242, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f2f2', GradientType=0);
    /* IE6-9 */
}

.upload-looks-container-category {
    position: relative;
    /*background: url("../img/upload-looks-bkgd2.png") no-repeat bottom right;*/
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 70px;
    margin: 10px auto 0px auto;
    padding: 0;
    /* opacity: 0.2; */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8%, rgba(255, 255, 255, 1)), color-stop(78%, rgba(243, 242, 242, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 8%, rgba(243, 242, 242, 1) 78%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f2f2', GradientType=0);
    /* IE6-9 */
}

#upload-form-inline .upload-looks-container,
.editPhoto .upload-looks-container .upload-looks-container-category {
    margin: 0 auto;
}

#upload-form-inline .upload-fashion-container,
.editPhoto .upload-fashion-container {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 40px;
    margin: 15px auto 10px auto;
    padding: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}

.one-item .upload-category-btn {
    width: 85%;
    height: 16px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    line-height: 16px;
    text-transform: uppercase;
    /* color: #000; */
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    vertical-align: middle;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#upload-form-inline .upload-looks-label,
.editPhoto .upload-looks-label {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    line-height: 16px;
    text-transform: uppercase;
    color: #000;
    background: rgb(244, 244, 244);
    background: -moz-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43%, rgba(243, 243, 243, 1)), color-stop(78%, rgba(216, 216, 216, 1)));
    background: -webkit-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    background: -o-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    background: -ms-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5', GradientType=0);
    box-shadow: 0 2px 11px -5px #c0c0c0;
    position: relative;
    float: left;
    margin: 0;
    padding: 12px 5px;
}

.upload-looks-label-category {
    width: 80px;
    height: 16px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    line-height: 16px;
    text-transform: uppercase;
    color: #000;
    background: rgb(244, 244, 244);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43%, rgba(243, 243, 243, 1)), color-stop(78%, rgba(216, 216, 216, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 43%, rgba(216, 216, 216, 1) 78%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
    box-shadow: 0 2px 11px -5px #c0c0c0;
    position: relative;
    float: left;
    margin: 0;
    padding: 27px 5px;
}

.cat-section-det-inspiration {
    display: flex;
}

.cat-section-det-lifestyle {
    display: flex;
    margin-top: -12px;
}

.cat-section {
    float: left;
    margin: 0 0 0 5px;
}

.editPhoto .cat-section {
    float: left;
    margin: 0 0 0 5px;
}


/*
#upload-form-inline .upload-beauty-container .upload-looks-label {
	top: 10px;
}
*/


/*
.upload-beauty-container .cat-section {
	position: absolute;
	bottom: 10px;
}
*/

.upload-beauty-container .cat-section a,
.upload-lifestyle-container .cat-section a {
    display: block;
    float: left;
}

#upload-form-inline .upload-category-btn {
    margin: 11px 2px;
}

#upload-cat-style {
    display: block;
    margin: 0 0 10px 0;
}


/* OOPS Error Message PopUp */

.oopsError-container {
    width: 465px;
    height: 150px;
    border: 8px solid rgba(0, 0, 0, 0.20);
    top: -200px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    position: fixed;
    z-index: 999999999;
}

.oopsError-container.open {
    top: 150px;
    opacity: 1;
}

.oppsError-bkgd {
    width: 465px;
    height: 150px;
    background: url("../img/oops-error-bkgd.jpg");
}

.oopsError-content-container {
    float: left;
    width: 269px;
    margin: -6px 0 0 198px;
    text-align: center;
}

.oopsError-header {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 42px;
    margin: 0 -38px 0 0;
}

.oopsError-icon {
    /*background: url("../img/cd-sprite.png") -255px 0;*/
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 99;
    margin: 10px 0 0 79px;
}

.oppsError-msg {
    margin: 0 -38px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.oopsError-close {
    background: url("../img/cd-sprite.png") -101px 0;
    cursor: pointer;
    height: 17px;
    display: block;
    float: right;
    margin-top: 8px;
    width: 19px;
    margin-right: 5px;
}

.oopsError-close:hover {
    background-color: #f6f4f5;
}

.oopsError-ok-btn {
    position: fixed;
    z-index: 999999999;
    background-color: #fff;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    padding: 4px 30px;
    text-decoration: none;
    border: 1px solid black;
    margin: 10px 0 0 -21px;
}

.oopsError-ok-btn:hover {
    background-color: rgba(0, 0, 0, 1);
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid white;
    cursor: pointer;
}

#upload-tag-style {
    margin: 5px 0;
}

#ui-datepicker-div {
    display: none;
    margin-left: 160px;
}

p.AdditionalInfoToggle {
    text-align: center;
    line-height: 20px;
    margin: 10px 0;
    font-size: 13px;
    cursor: pointer;
    color: #dc1c55;
}

.AdditionalInfoWrapper {
    margin-bottom: 10px;
}

.AdditionalInfoWrapper label {
    display: block;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
    z-index: 1;
}

.AdditionalInfoPrice,
.AdditionalInfoWhere,
.AdditionalInfoPrivateNotes {
    padding: 15px;
    position: relative;
}

.AdditionalInfoPrice .AdditionalInfoBackground,
.AdditionalInfoWhere .AdditionalInfoBackground,
.AdditionalInfoPrivateNotes .AdditionalInfoBackground {
    background-image: none;
    background-color: #eee;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.AdditionalInfoPrice input,
.AdditionalInfoWhere input,
.AdditionalInfoPrivateNotes textarea {
    padding: 5px;
    border: 1px solid #e5e5e5;
    color: #000;
    line-height: 21px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.AdditionalInfoPrice input:focus,
.AdditionalInfoWhere input:focus,
.AdditionalInfoPrivateNotes textarea:focus {
    box-shadow: 0 0 2px #555;
    outline: none;
}

.AdditionalInfoPrice input {
    width: 100px;
    display: inline-block;
}

.AdditionalInfoWhere input {
    width: 350px;
}

.AdditionalInfoPrivateNotes textarea {
    width: 615px;
    resize: none;
}

.AdditionalInfoPrice {
    margin: 0 9px 10px 0;
}

.AdditionalInfoWhere {}

.AdditionalInfoPrivateNotes {
    display: block;
}

.AdditionalInfoPrivateNotes label {
    float: left;
    text-transform: none;
}

.AdditionalInfoPrivateNotes i.ico-private {
    float: left;
    width: 16px;
    height: 16px;
    background: url("../img/cd-sprite2.png") -219px -2px;
    z-index: 2;
    position: relative;
    margin: 0 0 0 5px;
}

.toggleCurrency {
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: #999;
    color: #fff;
    outline: none;
    border: none;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    line-height: 30px;
    padding: 0 18px;
    margin: 0 0 0 10px;
    cursor: pointer;
    width: 67px;
    text-align: center;
}

.toggleCurrency:hover {
    background-color: #555;
}

.toggleCurrency.active {
    background-color: #555;
}

.AdditionalInfoCurrency {
    position: absolute;
    z-index: 5;
    right: 15px;
    bottom: 52px;
    border: 1px solid #d0d0d0;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    width: 102px;
    text-align: center;
}

.AdditionalInfoCurrency li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 102px;
    margin: 0;
    line-height: 28px;
}

.AdditionalInfoCurrency li.AdditionalInfoCurrencyHeader {
    float: none;
    width: 100%;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);
    background-image: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);
    background-image: linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);
    border-bottom: 1px solid #d0d0d0;
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 #fff;
    color: #646262;
}

.AdditionalInfoCurrency li a {
    display: block;
    padding: 6px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.AdditionalInfoCurrency li a:hover {
    background-color: #eee;
}

.AdditionalInfoCurrency li a.selected {
    color: #fff;
    background-color: #dc1c55;
}

.articlesCategory {
    background-color: #dc1c55;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 4px 5px 1px 5px;
    margin-top: 2px;
    margin-bottom: 5px;
    margin: 0;
}

.articlesTitle {
    /*margin: 7px 0;*/
    margin-bottom: -5px;
    color: #000;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
}

.articlesSite {
    font-size: 12px;
    margin-top: 7px;
}

.articlesAvatar {
    line-height: 140%;
    display: inline-block;
    width: 75%;
    overflow: hidden;
}

.articlesComment {
    border: 1px solid #eee;
    padding: 5px;
    padding-left: 15px;
    margin-top: 7px;
    font-size: 12px;
}

.dante-category {
    width: 700px !important;
    margin: 0 auto !important;
}

.dante-category .upload-looks-label {
    width: 120px !important;
}


/*CustomAlert*/

#dialogoverlay {
    display: none;
    opacity: .8;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #FFF;
    width: 100%;
    z-index: 10;
}

#dialogbox {
    display: none;
    position: fixed;
    background: #000;
    border-radius: 7px;
    width: 550px;
    z-index: 10;
}

#dialogbox>div {
    background: #FFF;
    margin: 8px;
}

#dialogbox>div>#dialogboxhead {
    background: #666;
    font-size: 19px;
    padding: 10px;
    color: #CCC;
}

#dialogbox>div>#dialogboxbody {
    background: #333;
    padding: 20px;
    color: #FFF;
}

#dialogbox>div>#dialogboxfoot {
    background: #666;
    padding: 10px;
    text-align: right;
}