﻿@font-face {
    font-family: 'was_flyer';
    src: url("font/was_flyer.eot?ha1e1r");
    src: url("font/was_flyer.eot?#iefixha1e1r") format("embedded-opentype"), url("font/was_flyer.woff?ha1e1r") format("woff"), url("font/was_flyer.ttf?ha1e1r") format("truetype"), url("font/was_flyer.svg?ha1e1r#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal; font-weight: 300; src: url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xC6kCn9XFT9tXM-RebqqdG0.eot); src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xC6kCn9XFT9tXM-RebqqdG0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xLF0I8LnmRdLRTOvKd-OXMQ.woff) format('woff'); }




[class^="f-icon-"]:before, [class*=" f-icon-"]:before {
    font-family: 'was_flyer';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.f-icon-flyer_Business:before {
    content: "\e600"
}

.f-icon-flyer_Pro:before {
    content: "\e601"
}

.f-icon-flyer_Free:before {
    content: "\e602"
}

.wsi-main-menu-logo
{
    max-height: 63px;
    max-width: 210px;
    padding: 5px;
}

.white {
    color: #fff
}

.orange {
    color: #DB6F00
}

.noMarginB {
    margin-bottom: 0
}

.noMarginR {
    margin-right: 0
}

.text-center {
    text-align: center
}

.fl_left {
    float: left
}

.fl_left.half {
    width: 50%
}

.fl_right {
    float: right
}

.fl_clear {
    clear: both
}

@-webkit-keyframes slide {
    to {
        margin-left: 90%
    }
}

@-moz-keyframes slide {
    to {
        margin-left: 90%
    }
}

@-ms-keyframes slide {
    to {
        margin-left: 90%
    }
}

@-o-keyframes slide {
    to {
        margin-left: 90%
    }
}

@keyframes slide {
    to {
        margin-left: 90%
    }
}

html, body {
    height: 100%;
    width: 100%
}

body {
    margin: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    line-height: 1.25em;
    color: #fff;
    position: relative;
    background: #3d3d3d;
    -ms-overflow-x: hidden;
    -ms-overflow-y: hidden;
}

body textarea {
    overflow: auto
}

body input[type="text"], body input[type="password"], body input[type="submit"], body input[type="reset"], body textarea, body button, body select {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px
}

body input[type="text"]::-webkit-input-placeholder, body input[type="password"]::-webkit-input-placeholder, body input[type="submit"]::-webkit-input-placeholder, body input[type="reset"]::-webkit-input-placeholder, body textarea::-webkit-input-placeholder, body button::-webkit-input-placeholder, body select::-webkit-input-placeholder {
    color: rgba(255,255,255,0.3) !important;
    opacity: 0.9;
}

body input[type="text"]:-moz-placeholder, body input[type="password"]:-moz-placeholder, body input[type="submit"]:-moz-placeholder, body input[type="reset"]:-moz-placeholder, body textarea:-moz-placeholder, body button:-moz-placeholder, body select:-moz-placeholder {
    color: rgba(255,255,255,0.3) !important;
    opacity: 0.9;
}

body input[type="text"]::-moz-placeholder, body input[type="password"]::-moz-placeholder, body input[type="submit"]::-moz-placeholder, body input[type="reset"]::-moz-placeholder, body textarea::-moz-placeholder, body button::-moz-placeholder, body select::-moz-placeholder {
    color: rgba(255,255,255,0.3) !important;
    opacity: 1;
}

body input[type="text"]:-ms-input-placeholder, body input[type="password"]:-ms-input-placeholder, body input[type="submit"]:-ms-input-placeholder, body input[type="reset"]:-ms-input-placeholder, body textarea:-ms-input-placeholder, body button:-ms-input-placeholder, body select:-ms-input-placeholder {
    color: rgba(255,255,255,0.3) !important;
    opacity: 0.9;
}

body input[type="text"].placeholder, body input[type="password"].placeholder, body input[type="submit"].placeholder, body input[type="reset"].placeholder, body textarea.placeholder, body button.placeholder, body select.placeholder {
    color: rgba(255,255,255,0.3) !important;
    opacity: 0.9;
}

body input.wsi-feedback-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #444 !important;
    opacity: 0.9;
}

.ie body input[type="text"], body input[type="password"], body input[type="submit"], body input[type="reset"], body textarea, body button, body select {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px
}

.ie body input[type="text"]::-webkit-input-placeholder, body input[type="password"]::-webkit-input-placeholder, body input[type="submit"]::-webkit-input-placeholder, body input[type="reset"]::-webkit-input-placeholder, body textarea::-webkit-input-placeholder, body button::-webkit-input-placeholder, body select::-webkit-input-placeholder {
    color: #717777 !important;
    opacity: 1;
}

.ie body input[type="text"]:-moz-placeholder, body input[type="password"]:-moz-placeholder, body input[type="submit"]:-moz-placeholder, body input[type="reset"]:-moz-placeholder, body textarea:-moz-placeholder, body button:-moz-placeholder, body select:-moz-placeholder {
    color: #717777 !important;
    opacity: 1;
}

.ie body input[type="text"]::-moz-placeholder, body input[type="password"]::-moz-placeholder, body input[type="submit"]::-moz-placeholder, body input[type="reset"]::-moz-placeholder, body textarea::-moz-placeholder, body button::-moz-placeholder, body select::-moz-placeholder {
    color: #717777 !important;
    opacity: 1;
}

.ie body input[type="text"]:-ms-input-placeholder, body input[type="password"]:-ms-input-placeholder, body input[type="submit"]:-ms-input-placeholder, body input[type="reset"]:-ms-input-placeholder, body textarea:-ms-input-placeholder, body button:-ms-input-placeholder, body select:-ms-input-placeholder {
    color: #717777 !important;
    opacity: 1;
}

.ie body input[type="text"].placeholder, body input[type="password"].placeholder, body input[type="submit"].placeholder, body input[type="reset"].placeholder, body textarea.placeholder, body button.placeholder, body select.placeholder {
    color: #717777 !important;
    opacity: 1;
}


/*end of IE inputs hack*/




body video, body object {
    left: 0;
    position: absolute;
    top: 0
}

body .interface_wrap {
    position: absolute;
    left: 80px;
    top: 50%;
    height: 540px;
    width: 315px;
    margin-top: -240px;
    z-index: 10
}

body .interface_wrap .article_wrap {
    position: absolute;
    right: 0;
    top: 0;
    height: 480px;
    width: 255px;
    background-color: #000000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 2px solid #dbdbdb;
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.8), 0 0 5px rgba(204, 204, 204, 0.8) inset;
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.8), 0 0 5px rgba(204, 204, 204, 0.8) inset;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.8), 0 0 5px rgba(204, 204, 204, 0.8) inset
}

body .interface_wrap .article_wrap #alert_text {
    color: #DB6F00;
    font-size: 20px;
    left: 0;
    line-height: 1.4em;
    margin-top: -1.4em;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 50%
}

body .interface_wrap .becomePremium {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 260px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	display: block;
	font-size: 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	background: url("../images/btn_primary.png") no-repeat top left;
}

body .interface_wrap .article_wrap article {
    width: 251px;
    height: 476px;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 15;
    background-color: #1a1b1b;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: url("../img/bgs/black_pattern.jpg");
    background-position: center;
    -webkit-box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.1) inset, inset 0px 0px 5px #000;
    -moz-box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.1) inset, inset 0px 0px 5px #000;
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.1) inset, inset 0px 0px 5px #000;
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out
}

body .interface_wrap .article_wrap article h1, body .interface_wrap .article_wrap article h2, body .interface_wrap .article_wrap article h3, body .interface_wrap .article_wrap article#uploading_cont .content .uploading .cancel_confirm_msg {
    margin-top: 0;
    margin-bottom: 0.3em;
    font-weight: normal;
    font-size: 22px;
    font-family: Economica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2em;
    letter-spacing: 0.01em;
    color: #db6f00
}


body .interface_wrap .article_wrap #CookieInformation h3,
body .interface_wrap .article_wrap #CookieInformation h2 {
	text-align: left;
}
body .interface_wrap .article_wrap article h1 .white, body .interface_wrap .article_wrap article h2 .white, body .interface_wrap .article_wrap article h3 .white, body .interface_wrap .article_wrap article#uploading_cont .content .uploading .cancel_confirm_msg .white {
    font-size: 18px
}

body .interface_wrap .article_wrap article h2, body .interface_wrap .article_wrap article h3 {
    font-size: 16px
}

body .interface_wrap .article_wrap article p {
    margin-top: 0;
    margin-bottom: 0.4em
}

body .interface_wrap .article_wrap article button {
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

body .interface_wrap .article_wrap article a {
    color: #fff;
    font-size: inherit
}

body .interface_wrap .article_wrap article a:hover {
    color: #DB6F00
}

body .interface_wrap .article_wrap article .divider {
    background: url("../img/divider.png") no-repeat center;
    height: 6px;
    margin-top: 14px;
    margin-bottom: 6px
}

body .interface_wrap .article_wrap article input[type="text"], body .interface_wrap .article_wrap article input[type="password"], body .interface_wrap .article_wrap article textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body .interface_wrap .article_wrap article input[type="text"], body .interface_wrap .article_wrap article input[type="password"] {
    padding: 4px 5px
}

body .interface_wrap .article_wrap article button, body .interface_wrap .article_wrap article input[type="text"], body .interface_wrap .article_wrap article input[type="password"], body .interface_wrap .article_wrap article textarea {
    margin-bottom: 14px
}

body .interface_wrap .article_wrap article .cms ul {
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px
}

body .interface_wrap .article_wrap article .cms ul li {
    padding-bottom: 5px
}


ul.clear
{
	padding: 0 0 30px 20px !important;
}
ul.clear li
{
    list-style-type: none !important;
    padding: 0px !important;
}




body .interface_wrap .submitBtn  {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #888;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1)
}

body .interface_wrap .article_wrap article .submitBtn input[type=submit],
body .interface_wrap .submitBtn a, body .interface_wrap .article_wrap article .submitBtn button {
    width: 100%;
    padding: 2px 7px 2px 7px;
    margin: 0;
    border: none;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    color: #DB6F00 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 19px !important;
    text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer
}

body .interface_wrap .article_wrap article .submitBtn input[type=submit]:hover, body .interface_wrap .article_wrap article .submitBtn a:hover, body .interface_wrap .article_wrap article .submitBtn button:hover {
    background: #f7def7;
    background: rgba(255, 255, 255, 0.23);
    outline: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58)
}

body .interface_wrap .article_wrap article .submitBtn a, body .interface_wrap .article_wrap article .submitBtn button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 33px;
    line-height: 30px;
    text-align: center;
    text-decoration: none
}


body .interface_wrap .article_wrap article .stayBottom {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	text-align: center;
}

body .interface_wrap .article_wrap article .submit_btn_active input[type="submit"], body .interface_wrap .article_wrap article .submit_btn_active .submitBtn a {
    color: #ffffff
}

body .interface_wrap .article_wrap article .upload_action .submitBtn {
    margin-top: 11px
}

body .interface_wrap .article_wrap article .ps-container .ps-scrollbar-y {
    cursor: pointer
}

body .interface_wrap .article_wrap article.ps-container .ps-scrollbar-x-rail {
    display: none !important
}

body .interface_wrap .article_wrap article .scrollableTextarea,  body .interface_wrap .article_wrap article .scrollableTextareaResend{

    padding-top: 0;
    padding-bottom: 0 !important;
    overflow: hidden;
    margin-bottom: 14px
}

body .interface_wrap .article_wrap article .scrollableTextarea.ps-container .ps-scrollbar-x-rail , body .interface_wrap .article_wrap article .scrollableTextareaResend.ps-container .ps-scrollbar-x-rail {
    display: none
}

body .interface_wrap .article_wrap article .scrollableTextarea textarea, body .interface_wrap .article_wrap article .scrollableTextareaResend textarea {
    background: none;
    border: 0;
    color: #EEEEEE;
    height: auto;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    resize: none;
    width: 100%;
    margin-bottom: 0
}

body .interface_wrap .article_wrap article .scrollableTextarea textarea::-webkit-input-placeholder, body .interface_wrap .article_wrap article .scrollableTextareaResend textarea::-webkit-input-placeholder {
    color: #999 !important
}

body .interface_wrap .article_wrap article .scrollableTextarea textarea:-moz-placeholder, body .interface_wrap .article_wrap article .scrollableTextareaResend textarea:-moz-placeholder {
    color: #999 !important
}

body .interface_wrap .article_wrap article .scrollableTextarea textarea::-moz-placeholder , body .interface_wrap .article_wrap article .scrollableTextareaResend textarea::-moz-placeholder {
    color: #999 !important
}

body .interface_wrap .article_wrap article .scrollableTextarea textarea:-ms-input-placeholder , body .interface_wrap .article_wrap article .scrollableTextareaResend textarea:-ms-input-placeholder {
    color: #999 !important
}

body .interface_wrap .article_wrap article button.button {
    padding-top: 4px;
    padding-bottom: 4px
}

body .interface_wrap .article_wrap article .button {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.8);
    color: #eee;
    -webkit-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 5px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body .interface_wrap .article_wrap article .button[type="submit"] {
    color: #DB6F00
}

body .interface_wrap .article_wrap article .button.iconAdd:before {
    background: url("../img/add-icon.png");
    content: " ";
    width: 13px;
    height: 13px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

body .interface_wrap .article_wrap article .button:focus {
    outline: none
}

body .interface_wrap .article_wrap article .button .add {
    position: absolute;
    left: 8px;
    top: 0;
    -webkit-transform: translateY(70%);
    -moz-transform: translateY(70%);
    -ms-transform: translateY(70%);
    -o-transform: translateY(70%);
    transform: translateY(70%)
}

body .interface_wrap .article_wrap article .button::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1
}

body .interface_wrap .article_wrap article .button:-moz-placeholder {
    color: #999 !important;
    opacity: 1
}

body .interface_wrap .article_wrap article .button::-moz-placeholder {
    color: #999 !important;
    opacity: 1
}

body .interface_wrap .article_wrap article .button:-ms-input-placeholder {
    color: #999 !important;
    opacity: 1
}

body .interface_wrap .article_wrap article .button.placeholder {
    color: #999 !important;
    opacity: 1
}

body .interface_wrap .article_wrap article #file_upload_label,
#add_email {
    border: 1px solid rgba(205, 123, 76, 0.3);
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    -webkit-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8)
}

body .interface_wrap .article_wrap article #file_upload_label:hover,
#add_email:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    background-image: url(/img/add-icon-orange.png);
    background-repeat: no-repeat;
    background-position: 8px 9px
}

body .interface_wrap .article_wrap article #file_upload_label:hover img {
    display: none
}

body .interface_wrap .article_wrap article label.button {
    margin-bottom: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 27px;
    font-size: 16px;
    color: #999;
    cursor: pointer;
    line-height: 1.45em
}

body .interface_wrap .article_wrap article .iconAdd {
    position: relative
}

body .interface_wrap .article_wrap article .iconAdd .add {
    position: absolute;
    left: 8px;
    cursor: pointer;
    border: 0;
}

body .interface_wrap .article_wrap article .iconAdd.date .add {
    top: 10px;
    cursor: default
}

body .interface_wrap .article_wrap article .iconAdd input[type="text"] {
    padding-left: 27px
}

body .interface_wrap .article_wrap article .iconAdd input[name="to_emails_inp"] {
    padding-left: 5px
}

body .interface_wrap .article_wrap article .uploadContainer {
    position: relative
}

body .interface_wrap .article_wrap article .uploadContainer input[type="file"] {
    height: 100%;
    width: 188px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -9999%;
    bottom: 0;
    margin-left: -94px;
    margin-bottom: 0;
    cursor: pointer
}

body .interface_wrap .article_wrap article .uploadContainer button {
    color: #999;
    text-align: left;
    padding-left: 25px
}

body .interface_wrap .article_wrap article .scrollableList.ps-container .ps-scrollbar-y-rail {
    width: 4px;
    background-color: #aaa
}

body .interface_wrap .article_wrap article .scrollableList.ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
    width: 4px;
    background-color: #DB6F00
}

body .interface_wrap .article_wrap article .scrollableList.ps-container .ps-scrollbar-x-rail {
    display: none
}

body .interface_wrap .article_wrap article#home_cont {
    overflow: hidden
}

body .interface_wrap .article_wrap article#info_cont {
    overflow: hidden
}

body .interface_wrap .article_wrap article#agb_cont {
    height: 421px
}

body .interface_wrap .article_wrap article#agb_cont .action {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 55px;
    text-align: center
}

body .interface_wrap .article_wrap article#agb_cont .action .submitBtn {
    margin-top: 11px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: auto
}

body .interface_wrap .article_wrap article#down_unavailable_cont {
    height: 421px
}

body .interface_wrap .article_wrap article#down_unavailable_cont .content .unavailable_cont {
    top: 36px;
    position: relative;
    font-size: 2.5em;
    font-style: normal
}

body .interface_wrap .article_wrap article#down_unavailable_cont .icon {
    margin-top: 80px
}

body .interface_wrap .article_wrap article#down_unavailable_cont .big {
    font-size: 2em;
    margin-top: 1em
}

body .interface_wrap .article_wrap article#down_unavailable_cont .action {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 55px;
    text-align: center
}

body .interface_wrap .article_wrap article#down_unavailable_cont .action .submitBtn {
    margin-top: 11px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: auto
}

/* NEW UI download unavailanle page inside download container */

body .interface_wrap .article_wrap article#wsi-main-download .wsi-main-download-unavailable {
    height: 421px
}

body .interface_wrap .article_wrap article#wsi-main-download .content .unavailable_cont {
    top: 36px;
    position: relative;
    font-size: 2.5em;
    font-style: normal
}

body .interface_wrap .article_wrap article#wsi-main-download .wsi-main-download-unavailable .icon {
    margin-top: 80px
}

body .interface_wrap .article_wrap article#wsi-main-download .wsi-main-download-unavailable .big {
    font-size: 2em;
    margin-top: 1em
}

body .interface_wrap .article_wrap article#wsi-main-download .wsi-main-download-unavailable .action {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 55px;
    text-align: center;
    background-color:#000;
}

body .interface_wrap .article_wrap article#wsi-main-download .wsi-main-download-unavailable .action .submitBtn.notOk {
    margin-top: 11px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: auto
}
/* end new download unavailable */



body .interface_wrap .article_wrap article#register_ad, body .interface_wrap .article_wrap article#register_facebook {
    height: 421px
}

body .interface_wrap .article_wrap article#register_ad .cms, body .interface_wrap .article_wrap article#register_facebook .cms {
    height: 345px;
    overflow: hidden;
    position: relative
}

body .interface_wrap .article_wrap article#register_ad .cms.ps-container .ps-scrollbar-x-rail, body .interface_wrap .article_wrap article#register_facebook .cms.ps-container .ps-scrollbar-x-rail {
    display: none
}

body .interface_wrap .article_wrap article#register_ad .action, body .interface_wrap .article_wrap article#register_facebook .action {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 55px;
    text-align: center
}

body .interface_wrap .article_wrap article#register_ad .action .submitBtn, body .interface_wrap .article_wrap article#register_facebook .action .submitBtn {
    margin-top: 11px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: auto
}

body .interface_wrap .article_wrap article#upload_cont, body .interface_wrap .article_wrap article#resend_cont, body .interface_wrap .article_wrap article#contact_cont, body .interface_wrap .article_wrap article#ads_cont, body .interface_wrap .article_wrap article#download_cont {
    height: 421px
}

body .interface_wrap .article_wrap article#upload_cont .fix, body .interface_wrap .article_wrap article#resend_cont .fix, body .interface_wrap .article_wrap article#contact_cont .fix, body .interface_wrap .article_wrap article#ads_cont .fix, body .interface_wrap .article_wrap article#download_cont .fix {
    margin-bottom: 0.6em
}

body .interface_wrap .article_wrap article#upload_cont .title_row1, body .interface_wrap .article_wrap article#resend_cont .title_row1, body .interface_wrap .article_wrap article#contact_cont .title_row1, body .interface_wrap .article_wrap article#ads_cont .title_row1, body .interface_wrap .article_wrap article#download_cont .title_row1 {
    left: -1.3em;
    position: relative;
    font-style: italic
}

body .interface_wrap .article_wrap article#upload_cont .title_row1.eng, body .interface_wrap .article_wrap article#resend_cont .title_row1.eng, body .interface_wrap .article_wrap article#contact_cont .title_row1.eng, body .interface_wrap .article_wrap article#ads_cont .title_row1.eng, body .interface_wrap .article_wrap article#download_cont .title_row1.eng {
    left: -0.1em
}

body .interface_wrap .article_wrap article#upload_cont .title_row2, body .interface_wrap .article_wrap article#resend_cont .title_row2, body .interface_wrap .article_wrap article#contact_cont .title_row2, body .interface_wrap .article_wrap article#ads_cont .title_row2, body .interface_wrap .article_wrap article#download_cont .title_row2 {
    position: relative;
    top: -15px;
    font-style: italic
}

body .interface_wrap .article_wrap article#upload_cont .title_row2 em, body .interface_wrap .article_wrap article#resend_cont .title_row2 em, body .interface_wrap .article_wrap article#contact_cont .title_row2 em, body .interface_wrap .article_wrap article#ads_cont .title_row2 em, body .interface_wrap .article_wrap article#download_cont .title_row2 em {
    font-size: 48px;
    line-height: 0.45em;
    padding-left: 4px;
    padding-right: 3px;
    position: relative;
    top: 0px
}

body .interface_wrap .article_wrap article#upload_cont .scrollableList .del, body .interface_wrap .article_wrap article#resend_cont .scrollableList .del, body .interface_wrap .article_wrap article#contact_cont .scrollableList .del, body .interface_wrap .article_wrap article#ads_cont .scrollableList .del, body .interface_wrap .article_wrap article#download_cont .scrollableList .del {
    padding-right: 5px;
    text-decoration: none;
    color: #DB6F00
}

body .interface_wrap .article_wrap article#upload_cont h1 .divider, body .interface_wrap .article_wrap article#upload_cont h2 .divider, body .interface_wrap .article_wrap article#upload_cont h3 .divider, body .interface_wrap .article_wrap article#upload_cont article#uploading_cont .content .uploading .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#upload_cont .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#resend_cont h1 .divider, body .interface_wrap .article_wrap article#resend_cont h2 .divider, body .interface_wrap .article_wrap article#resend_cont h3 .divider, body .interface_wrap .article_wrap article#resend_cont article#uploading_cont .content .uploading .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#resend_cont .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#contact_cont h1 .divider, body .interface_wrap .article_wrap article#contact_cont h2 .divider, body .interface_wrap .article_wrap article#contact_cont h3 .divider, body .interface_wrap .article_wrap article#contact_cont article#uploading_cont .content .uploading .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#contact_cont .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#ads_cont h1 .divider, body .interface_wrap .article_wrap article#ads_cont h2 .divider, body .interface_wrap .article_wrap article#ads_cont h3 .divider, body .interface_wrap .article_wrap article#ads_cont article#uploading_cont .content .uploading .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#ads_cont .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#download_cont h1 .divider, body .interface_wrap .article_wrap article#download_cont h2 .divider, body .interface_wrap .article_wrap article#download_cont h3 .divider, body .interface_wrap .article_wrap article#download_cont article#uploading_cont .content .uploading .cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#download_cont .cancel_confirm_msg .divider {
    margin-top: 0
}

body .interface_wrap .article_wrap article#upload_cont .fileList .scrollableList, body .interface_wrap .article_wrap article#upload_cont .emailList .scrollableList, body .interface_wrap .article_wrap article#resend_cont .fileList .scrollableList, body .interface_wrap .article_wrap article#resend_cont .emailList .scrollableList, body .interface_wrap .article_wrap article#contact_cont .fileList .scrollableList, body .interface_wrap .article_wrap article#contact_cont .emailList .scrollableList, body .interface_wrap .article_wrap article#ads_cont .fileList .scrollableList, body .interface_wrap .article_wrap article#ads_cont .emailList .scrollableList, body .interface_wrap .article_wrap article#download_cont .fileList .scrollableList, body .interface_wrap .article_wrap article#download_cont .emailList .scrollableList,body #user_intf-modal .md-content .content .wsi-feedback-column-right #wsi-feedback-form #files.scrollableList, body #user_intf-modal .md-content .content .wsi-feedback-column-right #wsi-feedback-form #files.scrollableList {
    display: none;
    height: 38px;
    padding: 0;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden
}

body .interface_wrap .article_wrap article#upload_cont .fileList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#upload_cont .emailList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#resend_cont .fileList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#resend_cont .emailList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#contact_cont .fileList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#contact_cont .emailList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#ads_cont .fileList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#ads_cont .emailList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#download_cont .fileList .scrollableList .ps-scrollbar-y-rail, body .interface_wrap .article_wrap article#download_cont .emailList .scrollableList .ps-scrollbar-y-rail, body #user_intf-modal .md-content .content .wsi-feedback-column-right #wsi-feedback-form #files.scrollableList .ps-scrollbar-y-rail{
    background-color: transparent;
    opacity: 0.6;
    right: 0 !important
}

body .interface_wrap .article_wrap article#upload_cont .fileList .scrollableList ul, body .interface_wrap .article_wrap article#upload_cont .emailList .scrollableList ul, body .interface_wrap .article_wrap article#resend_cont .fileList .scrollableList ul, body .interface_wrap .article_wrap article#resend_cont .emailList .scrollableList ul, body .interface_wrap .article_wrap article#contact_cont .fileList .scrollableList ul, body .interface_wrap .article_wrap article#contact_cont .emailList .scrollableList ul, body .interface_wrap .article_wrap article#ads_cont .fileList .scrollableList ul, body .interface_wrap .article_wrap article#ads_cont .emailList .scrollableList ul, body .interface_wrap .article_wrap article#download_cont .fileList .scrollableList ul, body .interface_wrap .article_wrap article#download_cont .emailList .scrollableList ul{
    list-style: none;
    margin: 0;
    padding: 0
}

body #user_intf-modal .md-content .content .wsi-feedback-column-right #wsi-feedback-form #files.scrollableList div,body #user_intf-modal .md-content .content .wsi-feedback-column-right #wsi-feedback-form #files.scrollableList p {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color:#FFF;
}

body .interface_wrap .article_wrap article#upload_cont .fileList .scrollableList ul .filename, body .interface_wrap .article_wrap article#upload_cont .emailList .scrollableList ul .filename, body .interface_wrap .article_wrap article#resend_cont .fileList .scrollableList ul .filename, body .interface_wrap .article_wrap article#resend_cont .emailList .scrollableList ul .filename, body .interface_wrap .article_wrap article#contact_cont .fileList .scrollableList ul .filename, body .interface_wrap .article_wrap article#contact_cont .emailList .scrollableList ul .filename, body .interface_wrap .article_wrap article#ads_cont .fileList .scrollableList ul .filename, body .interface_wrap .article_wrap article#ads_cont .emailList .scrollableList ul .filename, body .interface_wrap .article_wrap article#download_cont .fileList .scrollableList ul .filename, body .interface_wrap .article_wrap article#download_cont .emailList .scrollableList ul .filename {
    display: inline-block;
    width: 140px;
    height: 15px
}

body .interface_wrap .article_wrap article#upload_cont .fileList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#upload_cont .emailList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#resend_cont .fileList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#resend_cont .emailList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#contact_cont .fileList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#contact_cont .emailList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#ads_cont .fileList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#ads_cont .emailList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#download_cont .fileList .scrollableList ul .filesize, body .interface_wrap .article_wrap article#download_cont .emailList .scrollableList ul .filesize {
    display: inline-block;
    width: 67px;
    text-align: right
}

body .interface_wrap .article_wrap article#upload_cont .fileList .divider, body .interface_wrap .article_wrap article#upload_cont .emailList .divider, body .interface_wrap .article_wrap article#resend_cont .fileList .divider, body .interface_wrap .article_wrap article#resend_cont .emailList .divider, body .interface_wrap .article_wrap article#contact_cont .fileList .divider, body .interface_wrap .article_wrap article#contact_cont .emailList .divider, body .interface_wrap .article_wrap article#ads_cont .fileList .divider, body .interface_wrap .article_wrap article#ads_cont .emailList .divider, body .interface_wrap .article_wrap article#download_cont .fileList .divider, body .interface_wrap .article_wrap article#download_cont .emailList .divider {
    display: none
}

body .interface_wrap .article_wrap article#upload_cont .fileList.active .scrollableList, body .interface_wrap .article_wrap article#upload_cont .active.emailList .scrollableList, body .interface_wrap .article_wrap article#resend_cont .fileList.active .scrollableList, body .interface_wrap .article_wrap article#resend_cont .active.emailList .scrollableList, body .interface_wrap .article_wrap article#contact_cont .fileList.active .scrollableList, body .interface_wrap .article_wrap article#contact_cont .active.emailList .scrollableList, body .interface_wrap .article_wrap article#ads_cont .fileList.active .scrollableList, body .interface_wrap .article_wrap article#ads_cont .active.emailList .scrollableList, body .interface_wrap .article_wrap article#download_cont .fileList.active .scrollableList, body .interface_wrap .article_wrap article#download_cont .active.emailList .scrollableList {
    display: block
}

body .interface_wrap .article_wrap article#upload_cont .fileList.active .divider, body .interface_wrap .article_wrap article#upload_cont .active.emailList .divider, body .interface_wrap .article_wrap article#resend_cont .fileList.active .divider, body .interface_wrap .article_wrap article#resend_cont .active.emailList .divider, body .interface_wrap .article_wrap article#contact_cont .fileList.active .divider, body .interface_wrap .article_wrap article#contact_cont .active.emailList .divider, body .interface_wrap .article_wrap article#ads_cont .fileList.active .divider, body .interface_wrap .article_wrap article#ads_cont .active.emailList .divider, body .interface_wrap .article_wrap article#download_cont .fileList.active .divider, body .interface_wrap .article_wrap article#download_cont .active.emailList .divider {
    display: block
}

body .interface_wrap .article_wrap article#upload_cont .emailList .scrollableList, body .interface_wrap .article_wrap article#resend_cont .emailList .scrollableList, body .interface_wrap .article_wrap article#contact_cont .emailList .scrollableList, body .interface_wrap .article_wrap article#ads_cont .emailList .scrollableList, body .interface_wrap .article_wrap article#download_cont .emailList .scrollableList {
    height: 39px
}

body .interface_wrap .article_wrap article#upload_cont .emailList .divider, body .interface_wrap .article_wrap article#resend_cont .emailList .divider, body .interface_wrap .article_wrap article#contact_cont .emailList .divider, body .interface_wrap .article_wrap article#ads_cont .emailList .divider, body .interface_wrap .article_wrap article#download_cont .emailList .divider {
    display: none
}

body .interface_wrap .article_wrap article#upload_cont .emailList.active .scrollableList, body .interface_wrap .article_wrap article#resend_cont .emailList.active .scrollableList, body .interface_wrap .article_wrap article#contact_cont .emailList.active .scrollableList, body .interface_wrap .article_wrap article#ads_cont .emailList.active .scrollableList, body .interface_wrap .article_wrap article#download_cont .emailList.active .scrollableList {
    display: block
}

body .interface_wrap .article_wrap article#upload_cont .emailList.active .divider, body .interface_wrap .article_wrap article#resend_cont .emailList.active .divider, body .interface_wrap .article_wrap article#contact_cont .emailList.active .divider, body .interface_wrap .article_wrap article#ads_cont .emailList.active .divider, body .interface_wrap .article_wrap article#download_cont .emailList.active .divider {
    display: block
}

body .interface_wrap .article_wrap article#upload_cont .emailList .submitBtn, body .interface_wrap .article_wrap article#resend_cont .emailList .submitBtn, body .interface_wrap .article_wrap article#contact_cont .emailList .submitBtn, body .interface_wrap .article_wrap article#ads_cont .emailList .submitBtn, body .interface_wrap .article_wrap article#download_cont .emailList .submitBtn {
    margin-top: -5px;
    margin-bottom: 10px
}

body .interface_wrap .article_wrap article#upload_cont .emailList .submitBtn .add_more_btn2, body .interface_wrap .article_wrap article#resend_cont .emailList .submitBtn .add_more_btn2, body .interface_wrap .article_wrap article#contact_cont .emailList .submitBtn .add_more_btn2, body .interface_wrap .article_wrap article#ads_cont .emailList .submitBtn .add_more_btn2, body .interface_wrap .article_wrap article#download_cont .emailList .submitBtn .add_more_btn2 {
    cursor: pointer;
    border: medium none;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.15);
    color: #db6f00;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 2px;
    height: 18px;
    line-height: 17px
}

body .interface_wrap .article_wrap article#upload_cont .emailList .add_more, body .interface_wrap .article_wrap article#resend_cont .emailList .add_more, body .interface_wrap .article_wrap article#contact_cont .emailList .add_more, body .interface_wrap .article_wrap article#ads_cont .emailList .add_more, body .interface_wrap .article_wrap article#download_cont .emailList .add_more {
    cursor: pointer
}

body .interface_wrap .article_wrap article#upload_cont .emailList .add_more.threeD, body .interface_wrap .article_wrap article#resend_cont .emailList .add_more.threeD, body .interface_wrap .article_wrap article#contact_cont .emailList .add_more.threeD, body .interface_wrap .article_wrap article#ads_cont .emailList .add_more.threeD, body .interface_wrap .article_wrap article#download_cont .emailList .add_more.threeD {
    border: 1px solid rgba(205, 123, 76, 0.3);
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    -webkit-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8)
}

body .interface_wrap .article_wrap article#upload_cont .emailList .add_more.threeD:hover, body .interface_wrap .article_wrap article#resend_cont .emailList .add_more.threeD:hover, body .interface_wrap .article_wrap article#contact_cont .emailList .add_more.threeD:hover, body .interface_wrap .article_wrap article#ads_cont .emailList .add_more.threeD:hover, body .interface_wrap .article_wrap article#download_cont .emailList .add_more.threeD:hover {
    background-color: rgba(255, 255, 255, 0.1) !important
}

body .interface_wrap .article_wrap article#upload_cont .emailList .add_more.single, body .interface_wrap .article_wrap article#resend_cont .emailList .add_more.single, body .interface_wrap .article_wrap article#contact_cont .emailList .add_more.single, body .interface_wrap .article_wrap article#ads_cont .emailList .add_more.single, body .interface_wrap .article_wrap article#download_cont .emailList .add_more.single {
    padding-left: 5px !important;
    cursor: text
}

body .interface_wrap .article_wrap article#upload_cont .emailList .add_more.single img, body .interface_wrap .article_wrap article#resend_cont .emailList .add_more.single img, body .interface_wrap .article_wrap article#contact_cont .emailList .add_more.single img, body .interface_wrap .article_wrap article#ads_cont .emailList .add_more.single img, body .interface_wrap .article_wrap article#download_cont .emailList .add_more.single img {
    display: none
}

body .interface_wrap .article_wrap article#upload_cont .feedback_action, body .interface_wrap .article_wrap article#resend_cont .feedback_action, body .interface_wrap .article_wrap article#contact_cont .feedback_action, body .interface_wrap .article_wrap article#ads_cont .feedback_action, body .interface_wrap .article_wrap article#download_cont .feedback_action, body .interface_wrap .article_wrap article#wsi-main-download .feedback_action {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 55px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #000000
}

body .interface_wrap .article_wrap article#wsi-main-download .feedback_action {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 55px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #000000;
    padding-top: 15px;
}

body .interface_wrap .article_wrap article#upload_cont .feedback_action .submitBtn, body .interface_wrap .article_wrap article#resend_cont .feedback_action .submitBtn, body .interface_wrap .article_wrap article#contact_cont .feedback_action .submitBtn, body .interface_wrap .article_wrap article#ads_cont .feedback_action .submitBtn, body .interface_wrap .article_wrap article#download_cont .feedback_action .submitBtn {
    margin-top: 11px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 74%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 12%
}

body .interface_wrap .article_wrap article#upload_cont .upload_action, body .interface_wrap .article_wrap article#resend_cont .upload_action, body .interface_wrap .article_wrap article#contact_cont .upload_action, body .interface_wrap .article_wrap article#ads_cont .upload_action, body .interface_wrap .article_wrap article#download_cont .upload_action, body .interface_wrap #CookieInformation .upload_action {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 55px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #000000
}
body .interface_wrap #CookieInformation .upload_action {
    bottom: 0;
}

body .interface_wrap .article_wrap article#upload_cont .upload_action .link_switch, body .interface_wrap .article_wrap article#upload_cont .upload_action .back, body .interface_wrap .article_wrap article#resend_cont .upload_action .link_switch, body .interface_wrap .article_wrap article#resend_cont .upload_action .back, body .interface_wrap .article_wrap article#contact_cont .upload_action .link_switch, body .interface_wrap .article_wrap article#contact_cont .upload_action .back, body .interface_wrap .article_wrap article#ads_cont .upload_action .link_switch, body .interface_wrap .article_wrap article#ads_cont .upload_action .back, body .interface_wrap .article_wrap article#download_cont .upload_action .link_switch, body .interface_wrap .article_wrap article#download_cont .upload_action .back {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*border: 1px solid #888;*/
    margin-left: auto;
    margin-right: auto;
    /*
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
    */
    position: absolute;
    left: 7px;
    top: 11px;

    height: 33px
}

body .interface_wrap .article_wrap article#upload_cont .upload_action .link_switch a, body .interface_wrap .article_wrap article#upload_cont .upload_action .back a, body .interface_wrap .article_wrap article#resend_cont .upload_action .link_switch a, body .interface_wrap .article_wrap article#resend_cont .upload_action .back a, body .interface_wrap .article_wrap article#contact_cont .upload_action .link_switch a, body .interface_wrap .article_wrap article#contact_cont .upload_action .back a, body .interface_wrap .article_wrap article#ads_cont .upload_action .link_switch a, body .interface_wrap .article_wrap article#ads_cont .upload_action .back a, body .interface_wrap .article_wrap article#download_cont .upload_action .link_switch a, body .interface_wrap .article_wrap article#download_cont .upload_action .back a {
    text-decoration: none;
    text-align: center;
    padding: 0;
    -webkit-transition: color 0.8s ease-in-out;
    -moz-transition: color 0.8s ease-in-out;
    transition: color 0.8s ease-in-out;
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin: 0;
    border: none;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    color: #DB6F00;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 17px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    float:left;
}



body .interface_wrap .article_wrap article#upload_cont .upload_action .link_switch a.link, body .interface_wrap .article_wrap article#upload_cont .upload_action .back a.link, body .interface_wrap .article_wrap article#resend_cont .upload_action .link_switch a.link, body .interface_wrap .article_wrap article#resend_cont .upload_action .back a.link, body .interface_wrap .article_wrap article#contact_cont .upload_action .link_switch a.link, body .interface_wrap .article_wrap article#contact_cont .upload_action .back a.link, body .interface_wrap .article_wrap article#ads_cont .upload_action .link_switch a.link, body .interface_wrap .article_wrap article#ads_cont .upload_action .back a.link, body .interface_wrap .article_wrap article#download_cont .upload_action .link_switch a.link, body .interface_wrap .article_wrap article#download_cont .upload_action .back a.link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: block;
    position: relative;
    top: 0;
    left: 0;


}

body .interface_wrap .article_wrap article#upload_cont .upload_action .link_switch a.mail, body .interface_wrap .article_wrap article#upload_cont .upload_action .back a.mail, body .interface_wrap .article_wrap article#resend_cont .upload_action .link_switch a.mail, body .interface_wrap .article_wrap article#resend_cont .upload_action .back a.mail, body .interface_wrap .article_wrap article#contact_cont .upload_action .link_switch a.mail, body .interface_wrap .article_wrap article#contact_cont .upload_action .back a.mail, body .interface_wrap .article_wrap article#ads_cont .upload_action .link_switch a.mail, body .interface_wrap .article_wrap article#ads_cont .upload_action .back a.mail, body .interface_wrap .article_wrap article#download_cont .upload_action .link_switch a.mail, body .interface_wrap .article_wrap article#download_cont .upload_action .back a.mail {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: block;
    position: relative;
    top: 0;
    right: 0;

}

body .interface_wrap .article_wrap article#upload_cont .upload_action .link_switch a:hover, body .interface_wrap .article_wrap article#upload_cont .upload_action .back a:hover, body .interface_wrap .article_wrap article#resend_cont .upload_action .link_switch a:hover, body .interface_wrap .article_wrap article#resend_cont .upload_action .back a:hover, body .interface_wrap .article_wrap article#contact_cont .upload_action .link_switch a:hover, body .interface_wrap .article_wrap article#contact_cont .upload_action .back a:hover, body .interface_wrap .article_wrap article#ads_cont .upload_action .link_switch a:hover, body .interface_wrap .article_wrap article#ads_cont .upload_action .back a:hover, body .interface_wrap .article_wrap article#download_cont .upload_action .link_switch a:hover, body .interface_wrap .article_wrap article#download_cont .upload_action .back a:hover {
    background: #f7def7;
    background: rgba(255, 255, 255, 0.23);
    outline: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58);

}

body .interface_wrap .article_wrap article#upload_cont .upload_action .link_switch.mail a.mail, body .interface_wrap .article_wrap article#upload_cont .upload_action .back.mail a.mail, body .interface_wrap .article_wrap article#resend_cont .upload_action .link_switch.mail a.mail, body .interface_wrap .article_wrap article#resend_cont .upload_action .back.mail a.mail, body .interface_wrap .article_wrap article#contact_cont .upload_action .link_switch.mail a.mail, body .interface_wrap .article_wrap article#contact_cont .upload_action .back.mail a.mail, body .interface_wrap .article_wrap article#ads_cont .upload_action .link_switch.mail a.mail, body .interface_wrap .article_wrap article#ads_cont .upload_action .back.mail a.mail, body .interface_wrap .article_wrap article#download_cont .upload_action .link_switch.mail a.mail, body .interface_wrap .article_wrap article#download_cont .upload_action .back.mail a.mail {
    color: #fff;
    background: #DB6F00;
    background: rgba(219, 111, 0, 0.85);
    outline: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58);

}

body .interface_wrap .article_wrap article#upload_cont .upload_action .link_switch.link a.link, body .interface_wrap .article_wrap article#upload_cont .upload_action .back.link a.link, body .interface_wrap .article_wrap article#resend_cont .upload_action .link_switch.link a.link, body .interface_wrap .article_wrap article#resend_cont .upload_action .back.link a.link, body .interface_wrap .article_wrap article#contact_cont .upload_action .link_switch.link a.link, body .interface_wrap .article_wrap article#contact_cont .upload_action .back.link a.link, body .interface_wrap .article_wrap article#ads_cont .upload_action .link_switch.link a.link, body .interface_wrap .article_wrap article#ads_cont .upload_action .back.link a.link, body .interface_wrap .article_wrap article#download_cont .upload_action .link_switch.link a.link, body .interface_wrap .article_wrap article#download_cont .upload_action .back.link a.link {
    color: #fff;
    background: #DB6F00;
    background: rgba(219, 111, 0, 0.85);
    -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
    outline: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58);

}

body .interface_wrap .article_wrap article#upload_cont .upload_action .submitBtn, body .interface_wrap .article_wrap article#resend_cont .upload_action .submitBtn, body .interface_wrap .article_wrap article#contact_cont .upload_action .submitBtn, body .interface_wrap .article_wrap article#ads_cont .upload_action .submitBtn, body .interface_wrap .article_wrap article#download_cont .upload_action .submitBtn {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: auto;
    position: absolute;
    top: 0;
    right: 7px;
}

body .interface_wrap .article_wrap article#upload_cont .upload_action .submitBtn #start_upload, body .interface_wrap .article_wrap article#resend_cont .upload_action .submitBtn #start_upload, body .interface_wrap .article_wrap article#contact_cont .upload_action .submitBtn #start_upload, body .interface_wrap .article_wrap article#ads_cont .upload_action .submitBtn #start_upload, body .interface_wrap .article_wrap article#download_cont .upload_action .submitBtn #start_upload {
    width: auto;
    height: 33px
}

body .interface_wrap .article_wrap article#upload_cont .upload_action button, body .interface_wrap .article_wrap article#resend_cont .upload_action button, body .interface_wrap .article_wrap article#contact_cont .upload_action button, body .interface_wrap .article_wrap article#ads_cont .upload_action button, body .interface_wrap .article_wrap article#download_cont .upload_action button {
    background: url("../img/send_btn.png") no-repeat;
    width: 66px;
    height: 42px;
    display: block;
    position: absolute;
    top: 6px;
    right: 20px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: color 0.8s ease-in-out;
    -moz-transition: color 0.8s ease-in-out;
    transition: color 0.8s ease-in-out
}

body .interface_wrap .article_wrap article#upload_cont .upload_action button:hover, body .interface_wrap .article_wrap article#resend_cont .upload_action button:hover, body .interface_wrap .article_wrap article#contact_cont .upload_action button:hover, body .interface_wrap .article_wrap article#ads_cont .upload_action button:hover, body .interface_wrap .article_wrap article#download_cont .upload_action button:hover {
    color: #DB6F00
}

body .interface_wrap .article_wrap article#upload_cont .link_upload_txt, body .interface_wrap .article_wrap article#resend_cont .link_upload_txt, body .interface_wrap .article_wrap article#contact_cont .link_upload_txt, body .interface_wrap .article_wrap article#ads_cont .link_upload_txt, body .interface_wrap .article_wrap article#download_cont .link_upload_txt {
    bottom: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

body .interface_wrap .article_wrap article#upload_cont .scrollableTextarea.large, body .interface_wrap .article_wrap article#upload_cont .scrollableTextareaResend.large {
    height: 127px
}

body .interface_wrap .article_wrap article#upload_resend_cont .scrollableTextarea.large, body .interface_wrap .article_wrap article#upload_resend_cont .scrollableTextareaResend.large {
    height: 127px
}

body .interface_wrap .article_wrap article#upload_cont h1.lessHeight, body .interface_wrap .article_wrap article#upload_cont h2.lessHeight, body .interface_wrap .article_wrap article#upload_cont h3.lessHeight, body .interface_wrap .article_wrap article#upload_cont article#uploading_cont .content .uploading .lessHeight.cancel_confirm_msg, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#upload_cont .lessHeight.cancel_confirm_msg {
    height: 45px
}

body .interface_wrap .article_wrap article#upload_cont h1.lessHeight img, body .interface_wrap .article_wrap article#upload_cont h2.lessHeight img, body .interface_wrap .article_wrap article#upload_cont h3.lessHeight img, body .interface_wrap .article_wrap article#upload_cont article#uploading_cont .content .uploading .lessHeight.cancel_confirm_msg img, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#upload_cont .lessHeight.cancel_confirm_msg img {
    max-height: 100%
}

body .interface_wrap .article_wrap article#upload_cont h1.lessHeight .divider, body .interface_wrap .article_wrap article#upload_cont h2.lessHeight .divider, body .interface_wrap .article_wrap article#upload_cont h3.lessHeight .divider, body .interface_wrap .article_wrap article#upload_cont article#uploading_cont .content .uploading .lessHeight.cancel_confirm_msg .divider, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#upload_cont .lessHeight.cancel_confirm_msg .divider {
    display: none
}

body .interface_wrap .article_wrap article#resend_cont .fileList .scrollableList ul .filename, body .interface_wrap .article_wrap article#resend_cont .emailList .scrollableList ul .filename {
    width: 147px
}

body .interface_wrap .article_wrap article#resend_cont .upload_action .back {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #888;
    height: 33px;
    line-height: 33px;
    margin: 0;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    color: #DB6F00;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 17px;
    width: 30px;
    outline: none;
    text-align: center;
    text-decoration: none
}

body .interface_wrap .article_wrap article#uploading_cont {
    height: 421px
}

body .interface_wrap .article_wrap article#uploading_cont .content .canvasNormal {
    height: 165px;
    width: 259px;
    position: relative;
    top: 130px;
    right: 25px
}

body .interface_wrap .article_wrap article#uploading_cont .content .upload_compl h1, body .interface_wrap .article_wrap article#uploading_cont .content .upload_compl h2, body .interface_wrap .article_wrap article#uploading_cont .content .upload_compl h3, body .interface_wrap .article_wrap article#uploading_cont .content .upload_compl .uploading .cancel_confirm_msg, body .interface_wrap .article_wrap article#uploading_cont .content .uploading .upload_compl .cancel_confirm_msg {
    color: #bebebe
}

body .interface_wrap .article_wrap article#uploading_cont .content .upload_compl .success {
    font-size: 100px;
    margin-bottom: 0
}

body .interface_wrap .article_wrap article#uploading_cont .content .upload_compl .my_account_link {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

body .interface_wrap .article_wrap article#uploading_cont .content .upload_compl .couponList {
    padding-top: 10px
}

body .interface_wrap .article_wrap article#uploading_cont .content .uploading h1, body .interface_wrap .article_wrap article#uploading_cont .content .uploading h2, body .interface_wrap .article_wrap article#uploading_cont .content .uploading h3, body .interface_wrap .article_wrap article#uploading_cont .content .uploading .cancel_confirm_msg {
    position: absolute;
    left: 0;
    top: 80px;
    color: #bebebe;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body .interface_wrap .article_wrap article#uploading_cont .content .uploading .cancel_confirm_msg {
    top: 60px;
    display: none
}

body .interface_wrap .article_wrap article#uploading_cont .content .uploading .status {
    position: absolute;
    left: 0;
    top: 144px;
    text-align: center;
    font-size: 100px;
    margin: 0;
    width: 100%;
    height: 174px
}

body .interface_wrap .article_wrap article#uploading_cont .content .uploading .status .status_txt {
    color: #1D1D1D;
    display: block;
    font-size: 45px;
    height: 62px;
    left: 46px;
    line-height: 62px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 108px
}

body .interface_wrap .article_wrap article#uploading_cont .content .uploading .status2 {
    position: absolute;
    left: 0;
    top: 318px;
    text-align: center;
    width: 100%;
    color: #bebebe
}

body .interface_wrap .article_wrap article#uploading_cont .content .uploading .status2 .uploadsize, body .interface_wrap .article_wrap article#uploading_cont .content .uploading .status2 .totalsize {
    color: #DB6F00
}

body .interface_wrap .article_wrap article#uploading_cont .content .filelist {
    list-style: none;
    padding: 0
}

body .interface_wrap .article_wrap article#uploading_cont .content .filelist li {
    padding-bottom: 3px
}

body .interface_wrap .article_wrap article#uploading_cont .content .filelist a {
    color: #ffffff;
    text-decoration: none
}

body .interface_wrap .article_wrap article#uploading_cont .content .filelist a:hover {
    text-decoration: underline
}

body .interface_wrap .article_wrap article#uploading_cont .content .filelist a .fa {
    padding-right: 5px
}

body .interface_wrap .article_wrap article#uploading_cont .upload_action {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 55px;
    background-color: #000;
}

body .interface_wrap .article_wrap article#uploading_cont .upload_action .bar {
    background: center rgba(255, 255, 255, 0.3);
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    -webkit-box-shadow: 0 0 0 0.05em rgba(100, 100, 100, 0.075), 0 0 0 0.25em rgba(0, 0, 0, 0.1), 0 0.1em 0.05em rgba(0, 0, 0, 0.1) inset, 0 0.05em rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0 0 0 0.05em rgba(100, 100, 100, 0.075), 0 0 0 0.25em rgba(0, 0, 0, 0.1), 0 0.1em 0.05em rgba(0, 0, 0, 0.1) inset, 0 0.05em rgba(255, 255, 255, 0.7);
    -o-box-shadow: 0 0 0 0.05em rgba(100, 100, 100, 0.075), 0 0 0 0.25em rgba(0, 0, 0, 0.1), 0 0.1em 0.05em rgba(0, 0, 0, 0.1) inset, 0 0.05em rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0 0.05em rgba(100, 100, 100, 0.075), 0 0 0 0.25em rgba(0, 0, 0, 0.1), 0 0.1em 0.05em rgba(0, 0, 0, 0.1) inset, 0 0.05em rgba(255, 255, 255, 0.7);
    font-size: 20px;
    height: 1em;
    margin: 16px auto;
    position: relative;
    width: 10em
}

body .interface_wrap .article_wrap article#uploading_cont .upload_action .bar .sphere {
    -webkit-animation: slide 1.75s ease-in-out infinite alternate;
    -moz-animation: slide 1.75s ease-in-out infinite alternate;
    -ms-animation: slide 1.75s ease-in-out infinite alternate;
    -o-animation: slide 1.75s ease-in-out infinite alternate;
    animation: slide 1.75s ease-in-out infinite alternate;
    background-image: -webkit-linear-gradient(#DB6F00, #DB4F00);
    background-image: linear-gradient(#DB6F00, #DB4F00);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    box-shadow: 0 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0 -0.1em 0.15em rgba(0, 0, 0, 0.2) inset, 0 0 0.25em rgba(0, 0, 0, 0.3);
    display: block;
    height: 100%;
    width: 1em
}

body .interface_wrap .article_wrap article#uploading_cont .upload_action .bar .sphere span {
    display: none;
    font-size: 14px
}

body .interface_wrap .article_wrap article#uploading_cont .upload_action.completed .sphere {
    -webkit-animation: none 0;
    -moz-animation: none 0;
    -ms-animation: none 0;
    -o-animation: none 0;
    animation: none 0;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    width: 100%;
    text-align: center
}

body .interface_wrap .article_wrap article#uploading_cont .upload_action.completed .sphere span {
    display: inline
}

body .interface_wrap .article_wrap article .canvasNormaldown {
    height: 170px;
    width: 267px;
    position: relative;
    right: 30px;
    top: -15px
}

body .interface_wrap .article_wrap article#download_cont .scrollableList {
    height: 200px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: -30px
}

body .interface_wrap .article_wrap article#download_cont .scrollableList.ps-container .ps-scrollbar-x-rail {
    display: none
}

body .interface_wrap .article_wrap article#download_cont .scrollableList .filelist {
    list-style: none;
    padding: 0;
    margin: 0
}

body .interface_wrap .article_wrap article#download_cont .scrollableList .filelist li {
    padding-bottom: 3px
}

body .interface_wrap .article_wrap article#download_cont .scrollableList .filelist a {
    color: #ffffff;
    text-decoration: none
}

body .interface_wrap .article_wrap article#download_cont .scrollableList .filelist a:hover {
    text-decoration: underline
}

body .interface_wrap .article_wrap article#download_cont .scrollableList .filelist a .fa {
    padding-right: 5px
}

body .interface_wrap .article_wrap article#download_cont .scrollableList .filelist a .filename {
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

body .interface_wrap .article_wrap article#download_cont .scrollableList .filelist a .filesize {
    display: inline-block;
    text-align: right;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis
}

body .interface_wrap .article_wrap article#download_cont .title0 {
    display: none
}

body .interface_wrap .article_wrap article#download_cont .download_img {
    position: relative;
    text-align: center;
    margin-bottom: -20px
}

body .interface_wrap .article_wrap article#download_cont .download_img.ready .finish_img, body .interface_wrap .article_wrap article#download_cont .download_img.ready .download_started {
    display: none
}

body .interface_wrap .article_wrap article#download_cont .download_img.ready .ready_img {
    color: #1D1D1D;
    font-size: 50px;
    left: 57px;
    position: absolute;
    top: 70px
}

body .interface_wrap .article_wrap article#download_cont .download_img.ok .ready_img {
    display: none
}

body .interface_wrap .article_wrap article#download_cont .download_img.ok canvas {
    display: none
}

body .interface_wrap .article_wrap article#download_cont .download_img.ok .download_started {
    display: inline
}

body .interface_wrap .article_wrap article#download_cont .download_img.ok .finish_img {
    display: block;
    left: 44px;
    position: absolute;
    top: 65px
}

body .interface_wrap .article_wrap article#download_cont .browser_download .downscreen_key {
    color: #349106
}

body .interface_wrap .article_wrap article#download_cont.loading .title0 {
    display: block
}

body .interface_wrap .article_wrap article#download_cont.loading .title {
    display: none
}

body .interface_wrap .article_wrap article#download_cont.loading .download_start_btn {
    background: url("../img/loading_transp.gif") no-repeat center
}

body .interface_wrap .article_wrap article#download_cont.loading .download_start_btn .submitBtn {
    display: none
}

body .interface_wrap .article_wrap article#login_cont .content {
    margin-top: 55px
}

body .interface_wrap .article_wrap article#login_cont p,
body .interface_wrap .article_wrap article#upload_cont p {
    text-align: center
}

body .interface_wrap .article_wrap article#myaccount_cont {
    height: 421px
}

body .interface_wrap .article_wrap article#myaccount_cont.loading {
    background: url("../img/loading_transp.gif") no-repeat center
}

body .interface_wrap .article_wrap article#myaccount_cont .cms {
    height: 345px;
    overflow: hidden;
    position: relative
}

body .interface_wrap .article_wrap article#myaccount_cont .cms.ps-container .ps-scrollbar-x-rail {
    display: none
}

body .interface_wrap .article_wrap article#myaccount_cont .action {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 20px
}

body .interface_wrap .article_wrap article#myaccount_cont .action .schedule_unlink {
    padding-left: 10px
}

body .interface_wrap .article_wrap article#myaccount_cont .action a {
    text-decoration: none
}

body .interface_wrap .article_wrap article#myaccount_cont .action .logout {
    float: right;
    padding-right: 10px;
    font-size: 14px
}

body .interface_wrap .article_wrap article#myaccount_cont .action .logout .fa {
    font-size: 18px;
    padding-left: 3px
}

body .interface_wrap .article_wrap article#myaccount_cont h1, body .interface_wrap .article_wrap article#myaccount_cont h2, body .interface_wrap .article_wrap article#myaccount_cont h3, body .interface_wrap .article_wrap article#myaccount_cont article#uploading_cont .content .uploading .cancel_confirm_msg, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#myaccount_cont .cancel_confirm_msg {
    position: relative;
    text-transform: none
}

body .interface_wrap .article_wrap article#myaccount_cont h1 .myaccount_title, body .interface_wrap .article_wrap article#myaccount_cont h2 .myaccount_title, body .interface_wrap .article_wrap article#myaccount_cont h3 .myaccount_title, body .interface_wrap .article_wrap article#myaccount_cont article#uploading_cont .content .uploading .cancel_confirm_msg .myaccount_title, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#myaccount_cont .cancel_confirm_msg .myaccount_title {
    font-size: 18px
}

body .interface_wrap .article_wrap article#myaccount_cont h1 .profilePicWrap, body .interface_wrap .article_wrap article#myaccount_cont h2 .profilePicWrap, body .interface_wrap .article_wrap article#myaccount_cont h3 .profilePicWrap, body .interface_wrap .article_wrap article#myaccount_cont article#uploading_cont .content .uploading .cancel_confirm_msg .profilePicWrap, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#myaccount_cont .cancel_confirm_msg .profilePicWrap {
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: 46px;
    margin-left: -23px;
    text-align: center
}

body .interface_wrap .article_wrap article#myaccount_cont h1 .profilePicWrap .profilepic, body .interface_wrap .article_wrap article#myaccount_cont h2 .profilePicWrap .profilepic, body .interface_wrap .article_wrap article#myaccount_cont h3 .profilePicWrap .profilepic, body .interface_wrap .article_wrap article#myaccount_cont article#uploading_cont .content .uploading .cancel_confirm_msg .profilePicWrap .profilepic, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#myaccount_cont .cancel_confirm_msg .profilePicWrap .profilepic {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #FFFFFF;
    vertical-align: bottom;
    max-height: 40px
}

body .interface_wrap .article_wrap article#myaccount_cont h1 .profilePicWrap .myaccount-user, body .interface_wrap .article_wrap article#myaccount_cont h2 .profilePicWrap .myaccount-user, body .interface_wrap .article_wrap article#myaccount_cont h3 .profilePicWrap .myaccount-user, body .interface_wrap .article_wrap article#myaccount_cont article#uploading_cont .content .uploading .cancel_confirm_msg .profilePicWrap .myaccount-user, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#myaccount_cont .cancel_confirm_msg .profilePicWrap .myaccount-user {
    background: url("../img/user2_icon.png") no-repeat;
    max-height: 40px;
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: bottom
}

body .interface_wrap .article_wrap article#myaccount_cont h1 a, body .interface_wrap .article_wrap article#myaccount_cont h2 a, body .interface_wrap .article_wrap article#myaccount_cont h3 a, body .interface_wrap .article_wrap article#myaccount_cont article#uploading_cont .content .uploading .cancel_confirm_msg a, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#myaccount_cont .cancel_confirm_msg a {
    font-size: 14px;
    font-family: 'Open Sans Condensed', sans-serif
}

body .interface_wrap .article_wrap article#myaccount_cont h1 .myaccount_title, body .interface_wrap .article_wrap article#myaccount_cont h2 .myaccount_title, body .interface_wrap .article_wrap article#myaccount_cont h3 .myaccount_title, body .interface_wrap .article_wrap article#myaccount_cont article#uploading_cont .content .uploading .cancel_confirm_msg .myaccount_title, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#myaccount_cont .cancel_confirm_msg .myaccount_title, body .interface_wrap .article_wrap article#myaccount_cont h1 a, body .interface_wrap .article_wrap article#myaccount_cont h2 a, body .interface_wrap .article_wrap article#myaccount_cont h3 a, body .interface_wrap .article_wrap article#myaccount_cont article#uploading_cont .content .uploading .cancel_confirm_msg a, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#myaccount_cont .cancel_confirm_msg a {
    padding-top: 18px
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list {
    position: relative;
    height: 348px;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    left: -8px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list.ps-container .ps-scrollbar-x-rail {
    display: none !important
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list.ps-container .ps-scrollbar-y-rail {
    right: 0 !important
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 251px;
    padding: 0 10px;
    position: relative;
    left: -10px
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table tr {
    background: rgba(219, 111, 0, 0.3)
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table tr.odd {
    background: rgba(0, 0, 0, 0.2)
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table td {
    padding: 3px;
    vertical-align: top
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table td .delfile {
    color: #DB6F00;
    text-decoration: none;
    padding-left: 5px
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table td .filename {
    text-overflow: ellipsis;
    color: #fff;
    font-size: 14px
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table td.filesize {
    text-align: right;
    white-space: nowrap;
    width: 25px;
    padding-right: 10px
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table td.del_col {
    width: 20px
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table td button {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: inherit
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table td .myaccount_actions {
    text-align: right
}

body .interface_wrap .article_wrap article#myaccount_cont .my_uploads_list table td .myaccount_actions span {
    cursor: pointer
}

body .interface_wrap .article_wrap article#ads_cont h1, body .interface_wrap .article_wrap article#ads_cont h2, body .interface_wrap .article_wrap article#ads_cont h3, body .interface_wrap .article_wrap article#ads_cont article#uploading_cont .content .uploading .cancel_confirm_msg, body .interface_wrap .article_wrap article#uploading_cont .content .uploading article#ads_cont .cancel_confirm_msg {
    margin-top: 0;
    margin-bottom: 0.2em
}

body .interface_wrap .article_wrap article#ads_cont p {
    margin-bottom: 0.5em
}

body .interface_wrap .article_wrap article#ads_cont .button {
    margin-bottom: 8px
}

body .interface_wrap .article_wrap article#ads_cont .uploadContainer button.active {
    color: #eeeeee
}

body .interface_wrap .article_wrap article#ads_cont .scrollableTextarea {
    height: 65px
}

body .interface_wrap nav {
    position: absolute;
    left: 0;
    top: 25px;
    margin: 5px 0;
    height: 415px;
    width: 56px
}

body .interface_wrap nav .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #151515;
    z-index: 5;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body .interface_wrap nav ul {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 8px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none
}

body .interface_wrap nav ul li {
    display: block
}

body .interface_wrap nav ul li .nav-space {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 23px;
    margin: 0 auto 20px auto
}

body .interface_wrap nav ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #555;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin: 0 auto 10px auto;
    color: #DB6F00;
    color: rgba(219, 111, 0, 0.45);
    font-size: 23px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: border 0.8s ease-in-out, color 0.8s ease-in-out;
    -moz-transition: border 0.8s ease-in-out, color 0.8s ease-in-out;
    transition: border 0.8s ease-in-out, color 0.8s ease-in-out
}


body .interface_wrap nav ul li a:hover, body .interface_wrap nav ul li a.active {
    border-color: #DB6F00;
    color: #ffffff;
    background: #DB6F00;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1), inset 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1), inset 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1), inset 0 0 10px rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

body .interface_wrap nav ul li a.inactive, body .interface_wrap nav ul li a.inactive:hover {
    color: #555;
    border-color: #555;
    background: transparent;
    cursor: default
}

body .interface_wrap nav ul li a#contact {
    font-size: 19px
}

body .interface_wrap nav ul li a#ads {
    font-size: 19px
}

body .interface_wrap nav ul li a#upload {
    position: absolute;
    bottom: 8px;
    left: 50%;
    margin-left: -20px;
    margin-bottom: 0;
    background-position: -2px -308px;
    font-size: 19px
}

body #reg-modal .pwd_block, body #changepassword-modal .pwd_block {
    width: 90%;
    margin-left: 5%
}

body #reg-modal .reg_submit, body #changepassword-modal .reg_submit {
    margin: 0 auto;
    width: 90%
}

body #reg-modal .reg_submit .newsletter, body #changepassword-modal .reg_submit .newsletter {
    float: left;
    font-size: 16px;
    line-height: 2.1em
}

body #reg-modal .reg_submit .newsletter input[type="checkbox"], body #changepassword-modal .reg_submit .newsletter input[type="checkbox"] {
    margin-left: 0
}

body #reg-modal .reg_submit .submitBtn, body #changepassword-modal .reg_submit .submitBtn {
    float: right;
    width: 49%
}

body #reg-modal .radio_label, body #changepassword-modal .radio_label {
    width: 50px;
    display: inline-block
}

body #reg-modal .radio_inp_label, body #changepassword-modal .radio_inp_label {
    display: inline-block;
    width: 45px
}

body #reg-modal .optional_trigger, body #changepassword-modal .optional_trigger {
    border-top: 1px solid #EEEEEE;
    color: #EEEEEE;
    margin: 0 auto 10px;
    width: 90%;
    position: relative;
    cursor: pointer;
    padding: 3px 0
}

body #reg-modal .optional_trigger:before, body #changepassword-modal .optional_trigger:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0dd";
    color: #eeeeee;
    font-size: 24px;
    line-height: normal;
    position: absolute;
    right: 10px;
    text-shadow: none;
    top: -4px
}

body #reg-modal .optional_trigger.active:before, body #changepassword-modal .optional_trigger.active:before {
    content: "\f0de";
    line-height: normal;
    top: 6px
}

body #reg-modal .optional, body #changepassword-modal .optional {
    display: none;
    position: relative
}

body #reg-modal .md-content.popup, body #changepassword-modal .md-content.popup {
    padding-bottom: 58px
}

body #reg-modal .md-content.popup h3, body #changepassword-modal .md-content.popup h3 {
    font-size: 24px
}

body #reg-modal .md-content.popup input[type="checkbox"], body #reg-modal .md-content.popup input[type="radio"], body #changepassword-modal .md-content.popup input[type="checkbox"], body #changepassword-modal .md-content.popup input[type="radio"] {
    margin-right: 4px
}

body #reg-modal .md-content.popup .checkbox_input label, body #changepassword-modal .md-content.popup .checkbox_input label {
    display: inline-block;
    width: 164px
}

body #reg-modal .md-content.popup .submit, body #changepassword-modal .md-content.popup .submit {
    padding-bottom: 15px
}

body #changepassword-modal h3.profilepic {
    font-size: 1.15em;
    padding-left: 40px;
    padding-right: 40px
}

body #changepassword-modal h3.profilepic .wrap {
    width: 90%;
    display: inline-block
}

body #changepassword-modal .profilepic_label {
    width: 160px;
    display: inline-block;
    float: left;
    margin-top: 8px;
    text-align: left
}

body #changepassword-modal .profilepic_label .myaccount-user {
    background: url("../img/user2black_icon.png") no-repeat;
    height: 33px;
    width: 33px;
    display: inline-block;
    margin-right: 6px
}

body #changepassword-modal .profilepic_upload {
    display: inline-block;
    width: 43%;
    height: 33px;
    float: right;
    text-align: right;
    margin-top: 10px;
    position: relative
}

body #changepassword-modal .profilepic_upload [type="file"] {
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%
}

body #changepassword-modal .profilepic_upload [type="text"] {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

body #changepassword-modal .profilepic_upload .submitBtn {
    margin: 0;
    width: auto
}

body .md-modal {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1)
}

body .md-modal.tooltip-modal {
    left: 420px;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%)
}

body .md-modal.w300 {
    width: 300px
}

body .md-modal.w400 {
    width: 400px
}

body .md-modal.w500 {
    width: 500px
}

body .md-modal.subscription-plans {
    min-width: 590px;
    width: auto !important;
    max-width: 590px !important;
}

body .md-modal.w550_enquiry {
    width: 550px;
    font-size: 16px;
}

body .md-modal.w550_enquiry_detail {
    width: 510px;
    margin-left: 35px
}

body .md-modal #flashMessage {
    padding: 15px 40px
}

body .md-modal .block_title {
    border-bottom: 1px solid #EEEEEE;
    padding: 3px 0;
    margin-bottom: 10px
}

body .md-modal button.button {
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer
}

body .md-modal .button {
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

body .md-modal .button, body .md-modal .selector {
   /* background: rgba(0, 0, 0, 0.3); */
    background: #ba6005;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #eee;
    -webkit-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 5px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter:
        progid:DXImageTransform.Microsoft.gradient(startColorstr=#db640000,endColorstr=#db640000);
}

body .md-modal .button[type="submit"], body .md-modal .selector[type="submit"] {
    color: #DB6F00
}

body .md-modal .button.iconAdd:before, body .md-modal .selector.iconAdd:before {
    background: url("../img/add-icon.png");
    content: " ";
    width: 13px;
    height: 13px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

body .md-modal .button:focus, body .md-modal .selector:focus {
    outline: none
}

body .md-modal .button .add, body .md-modal .selector .add {
    position: absolute;
    left: 8px;
    top: 9px
}

body .md-modal .button::-webkit-input-placeholder, body .md-modal .selector::-webkit-input-placeholder {
    color: #d6d6d6 !important;
    opacity: 1
}

body .md-modal .button:-moz-placeholder, body .md-modal .selector:-moz-placeholder {
    color: #d6d6d6 !important;
    opacity: 1
}

body .md-modal .button::-moz-placeholder, body .md-modal .selector::-moz-placeholder {
    color: #d6d6d6 !important;
    opacity: 1
}

body .md-modal .button:-ms-input-placeholder, body .md-modal .selector:-ms-input-placeholder {
    color: #d6d6d6 !important;
    opacity: 1
}

body .md-modal .button.placeholder, body .md-modal .selector.placeholder {
    color: #d6d6d6 !important;
    opacity: 1
}

body .md-modal .input {
    position: relative
}

body .md-modal .input .popup-field {
    cursor: pointer;
    padding-right: 25px;
    text-overflow: ellipsis
}

body .md-modal .input .popup-arrow {
    height: 25px;
    position: absolute;
    top: 0;
    right: 5%;
    width: 22px;
    display: block;
    cursor: pointer
}

body .md-modal .input .popup-arrow:before {
    -moz-osx-font-smoothing: grayscale;
    content: "�?";
    font-family: FontAwesome;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 1
}

body .md-modal textarea::-webkit-input-placeholder {
    color: #666 !important;
    opacity: 1
}

body .md-modal textarea:-moz-placeholder {
    color: #d6d6d6 !important;
    opacity: 1
}

body .md-modal textarea::-moz-placeholder {
    color: #666 !important;
    opacity: 1
}

body .md-modal textarea:-ms-input-placeholder {
    color: #666 !important;
    opacity: 1
}

body .md-modal textarea.placeholder {
    color: #666 !important;
    opacity: 1
}

body .md-modal .submitBtn {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 90%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1)
}

body .md-modal .submitBtn.fl_left, body .md-modal .submitBtn.fl_right {
    width: auto
}

body .md-modal .submitBtn input[type=submit],
body .md-modal .submitBtn input[type=reset],
body .md-modal .submitBtn a {
    width: 100%;
    padding: 2px 10px;
    border: none;
	text-decoration: none;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 19px;
    text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer
}

body .md-modal .submitBtn input[type=submit]:hover, body .md-modal .submitBtn input[type=reset]:hover {
    background: #f7def7;
    background: rgba(255, 255, 255, 0.23);
    outline: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58)
}

body .md-modal .md-content .ms-drop ul {
    padding-bottom: 5px
}

body .md-modal .ms-choice {
    height: 34px
}

body .md-modal .ms-choice > span.placeholder {
    margin: 0;
    color: #d6d6d6
}

body .md-modal .ms-choice > span {
    line-height: 30px
}

body .md-modal .enquiry_main {
    position: relative
}

body .md-modal .enquiry_main p {
    padding: 3px 0 3px 0
}

body .md-modal .w550_enquiry p {
    padding: 0
}

body .md-modal .main_title {
    font-size: 24px;
    margin-bottom: 5px;
    text-align: center
}

body .md-modal .half_left {
    width: 230px;
    float: left;
    padding-right: 5px
}

body .md-modal .half_left .salutation {
    width: 75px;
    display: inline-block;
    margin-right: 2px
}

body .md-modal .half_left .salutation .selector {
    width: 75px !important
}

body .md-modal .half_left .nameField {
    display: inline-block;
    width: 149px !important;
    vertical-align: top
}

body .md-modal .half_right {
    width: 230px;
    float: left;
    padding-left: 5px
}

body .md-modal .half_right .input {
    margin-left: 0;
    position: relative
}

body .md-modal .half_right .input .popup-arrow {
    right: 2px;
    width: 20px
}

body .md-modal .half_right .input .helpEnquiry {
    line-height: 34px;
    position: absolute;
    right: -25px;
    top: 0;
    cursor: pointer;
    margin-left: 0
}

body .md-modal .half_right .submitBtnWrap {
    clear: both;
    padding-top: 18px
}

body .md-modal .half_right .submitBtnWrap .submitBtn {
    padding: 0;
    width: 100%
}

body .md-modal .helpEnquiry {
    cursor: pointer
}

body .md-modal .half_left_detail {
    width: 230px;
    float: left
}

body .md-modal .half_right_detail {
    width: 230px;
    float: right
}

body .md-modal .enquiry_main .row_main {
    margin-bottom: 5px;
    border-bottom: 1px dotted #e3a76a;
    padding-bottom: 5px
}

body .md-modal .half_left_detail label, body .md-modal .half_right_detail label {
    width: 90px;
    float: left;
    margin-right: 10px
}

body .md-modal .enquiry_main .txt {
    width: 125px;
    float: left;
    margin-bottom: 5px
}

body .md-modal .enquiry_main .active_details {
    width: 472px;
    float: left
}

body .md-modal .enquiry_main .payment_type {
    float: left
}

body .md-modal .activate_btn {
    float: right
}

body .md-modal .activate_btn .btn {
    background: #c55c16;
    border: 0;
    float: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5px 12px;
    margin-top: 28px;
    color: white;
    font-size: 18px;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset
}

body .md-modal .md-content .enquiry_main .button {
    color: #fff;
    width: 100%;
    height: 34px
}

/*body .md-modal .md-content .enquiry_main .button.nameField {
    width: 153px
}*/

body .md-modal .md-content .enquiry_main .date_picker .left {
    width: 190px;
    margin-right: 2px;
    float: left;
    margin-left: 0
}

body .md-modal .md-content .enquiry_main .date_picker .right {
    float: left;
    width: 35px;
    height: 32px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

body .md-modal .md-content .enquiry_main .date_picker .right a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 34px;
    display: block
}

body .md-modal .md-content .enquiry_main .location .left {
    width: 75px;
    margin-right: 2px;
    float: left
}

body .md-modal .md-content .enquiry_main .location .right {
    width: 153px;
    float: left
}

body .md-modal .md-content .enquiry_main .half_right .selector {
    width: 209px !important
}

body .md-modal .md-content .enquiry_main .upload {
    margin-left: 0;
    position: relative
}

body .md-modal .md-content .enquiry_main .upload p {
    line-height: 28px;
    margin: 0 0 14px
}

body .md-modal .md-content .enquiry_main .upload_box {
    width: 130px;
    height: 59px;
    float: left;
    margin-right: 12px;
    text-align: center;
    background-image: -webkit-linear-gradient(#fefefe, #d1d1d2);
    background-image: linear-gradient(#fefefe, #d1d1d2);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .md-modal .md-content .enquiry_main .upload_box a {
    text-decoration: none;
    display: block;
    color: #c66d29;
    padding: 21px 0
}

body .md-modal .md-content .enquiry_main .upload_box a:hover {
    text-decoration: none;
    color: #000
}

body .md-modal .caption {
    font-size: 13px;
    line-height: 15px;
    padding: 0px 0;
	
}

body .md-modal .handle_left {
    width: 21px;
    height: 24px;
    position: absolute;
    left: -23px;
    top: 50%;
    margin-top: -12px;
    z-index: 1000;
    background: url("../img/handle_left.png") no-repeat top left;
    padding: 0;
}

body .md-modal .handle_left_detail {
    width: 21px;
    height: 24px;
    position: absolute;
    left: -23px;
    top: 242px;
    z-index: 1000;
    background: url("../img/handle_left.png") no-repeat top left
}

body .md-modal .handle_bottom {
    width: 24px;
    height: 21px;
    position: absolute;
    right: 33px;
    bottom: -23px;
    z-index: 1000;
    background: url("../img/handle_bottom.png") no-repeat top left
}

body .md-modal .handle_bottom_enquiry {
    width: 24px;
    height: 21px;
    position: absolute;
    right: 37px;
    bottom: -23px;
    z-index: 1000;
    background: url("../img/handle_bottom.png") no-repeat top left
}

body .md-modal .half_left .enquiry_textarea {
    width: 230px;
    float: left;
    margin-top: -1px;
    margin-top: -1px
}

body .md-modal .enquiry_submit {
    position: absolute;
    right: 0px;
    bottom: -73px;
    z-index: 1000
}

body .md-modal .enquiry_submit_detail {
    position: absolute;
    right: 0px;
    bottom: -63px;
    z-index: 1000
}

body .md-modal .enquiry_submit .btn {
    background: #c56a28;
    border: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5px;
    color: white;
    font-size: 18px;
    cursor: pointer
}

body .md-modal .pre_popup {
    margin-top: 15px
}

body .md-modal .pre_popup .single {
    margin-bottom: 15px
}

body .md-modal .pre_popup .half_left_pre {
    width: 200px;
    float: left;
    margin-right: 15px
}

body .md-modal .pre_popup .half_right_pre {
    width: 200px;
    float: right
}

body .md-modal .pre_popup .btn {
    background: #c55c16;
    border: 0;
    float: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5px 12px;
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset
}

body .md-modal .popup_position {
    position: absolute;
    left: 50%;
    top: 30%
}

body .md-modal .upload_img {
    position: absolute;
    top: 24px;
    right: 0px
}

body .md-modal .upload_img img {
    width: 100px;
    height: 45px
}

body .md-modal .tipsy-position {
    margin-left: -63px
}

body .md-modal .pre_popup_position {
    position: absolute;
    left: -256px;
    top: -245px;
    background: #1a1a1a;
    color: #fff;
    height: 376px
}

body .md-modal .pre_popup_alert {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #1a1a1a;
    color: #fff
}

body .md-modal .half_left .ms-parent {
    margin-left: 0px
}

body .md-modal .ms-drop {
    border: 1px solid #cc6a06
}

body .md-modal .half_left .ms-drop {
    width: 73px !important;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

body .md-modal .half_right .ms-drop {
    width: 208px !important
}

body .md-modal .half_right .ms-drop.pre_popup_position {
    width: 525px !important;
    padding: 10px
}

body .md-modal .md-content .enquiry_main .pre_popup_position ul li {
    background: none;
    padding: 0px;
    margin-bottom: 5px
}

body .md-modal .md-content .enquiry_main .pre_popup_position ul {
    overflow-x: hidden !important;
    overflow-y: hidden !important
}

body .md-modal .md-content .enquiry_main ul {
    background: #1a1a1a;
    color: #fff;
    padding-left: 5px;
    font-size: 15px;
    overflow-x: hidden !important
}

body .md-modal .active_details fieldset {
    border: 0;
    padding-left: 0;
    padding-bottom: 10px
}

body .md-modal .md-content.popup {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    background: rgba(26, 26, 26, 0.92);
    border-color: #db6f00;
    border-style: solid;
    border-width: 1px;
    width: 100%
}

body .md-modal .md-content.popup .fa-times-circle {
    position: absolute;
    right: 2px;
    top: 2px;
    color: #ccc;
    font-size: 18px;
    cursor: pointer
}

body .md-modal .md-content.popup h3 {
    background: rgba(219, 111, 0, 0.9);
    line-height: 33px;
    padding: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body .md-modal .md-content.popup .inner {
    font-size: 17px;
    padding: 10px 15px 0px
}

body .md-modal .md-content.popup .inner input.button, body .md-modal .md-content.popup .inner textarea {
    background: rgba(219, 111, 0, 0.75);
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset
}

body .md-modal .md-content.popup .inner p {
    padding-top: 0;
    line-height: 1.2em;
    font-size: 16px;
    margin: 0
}

body .md-modal .md-content.popup .inner p a {
    color: #fff
}

body .md-modal .md-content.popup .inner h4 {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 5px;
    color: #db6f00;
    font-size: 17px
}

body .md-modal .md-content.popup .inner h4 .tip {
    font-size: small
}

body .md-modal .md-content.popup .submit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0 10px 0;
    text-align: center
}

body .md-modal .md-content.popup .submit .tip {
    font-size: small;
    position: absolute;
    left: 15px;
    bottom: 10px
}

body .md-modal .md-content.popup .submit input[type="button"], body .md-modal .md-content.popup .submit input[type="submit"] {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 19px;
    background: rgba(219, 111, 0, 0.95);
    border: 0;
    color: #fff;
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 2px 10px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    cursor: pointer
}

body .md-modal .md-content.popup input[type="checkbox"], body .md-modal .md-content.popup input[type="radio"] {
    margin: 3px 3px 3px 0
}

body .md-modal .md-content.userlayer {
    background: rgba( 0, 0, 0, 0.92);
    border-color: #db6f00;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    height: 482px
}

body #enquiry-modal.md-modal, body #enquiry-confirm-modal.md-modal {
    margin-top: -239px;
    -webkit-transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
    left: 425px
}

body #enquiry-modal.md-modal .md-content, body #enquiry-confirm-modal.md-modal .md-content {
    height: 482px
}

body #enquiry-modal.md-modal .md-content .content-wrap, body #enquiry-confirm-modal.md-modal .md-content .content-wrap {
    padding-top: 0;
    padding-bottom: 40px
}

body #enquiry-modal.md-modal .md-content .content-wrap .sub-text, body #enquiry-confirm-modal.md-modal .md-content .content-wrap .sub-text {
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px
}

body #enquiry-modal.md-modal .md-content .content-wrap .sub-text p, body #enquiry-confirm-modal.md-modal .md-content .content-wrap .sub-text p {
    padding: 0
}

body #enquiry-modal.md-modal .md-content .scrollableTextarea.button, body #enquiry-confirm-modal.md-modal .md-content .scrollableTextarea.button {
    height: 65px;
    overflow: hidden
}

body #enquiry-modal.md-modal .md-content .scrollableTextarea.button textarea, body #enquiry-confirm-modal.md-modal .md-content .scrollableTextarea.button textarea {
    background: none;
    border: 0;
    height: auto;
    overflow: hidden;
    outline: none;
    width: 100%;
    color: #fff
}

body #enquiry-modal.md-modal .md-content.popup sup, body #enquiry-confirm-modal.md-modal .md-content.popup sup {
    vertical-align: text-top
}

body #enquiry-modal.md-modal .md-content.popup .inner .half_left, body #enquiry-confirm-modal.md-modal .md-content.popup .inner .half_left {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px
}

body #enquiry-modal.md-modal .md-content.popup .inner .half_right, body #enquiry-confirm-modal.md-modal .md-content.popup .inner .half_right {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px
}
body #enquiry-modal .md-content img {
	margin-left: -40px;
}
body #enquiry-modal .md-content p {
	margin-bottom: 10px;
}
body #enquiry-modal .md-content h2 {
	font-weight: 300;
}

body #enquiry-modal .md-content ul {
	float: left;
	width: 47.5%;
	padding: 0 0 15px 0 !important;
}
body #enquiry-modal .md-content ul.clear {
	margin-right: 5%;
}

body #enquiry-modal #CampaignDatas h3, body #enquiry-confirm-modal #CampaignDatas h3 {
    font-size: 1.4em
}

body #enquiry-modal #CampaignDatas input.button, body #enquiry-confirm-modal #CampaignDatas input.button {
    width: 100%;
    margin-bottom: 0
}

body #enquiry-modal #CampaignDatas .fl_clear, body #enquiry-confirm-modal #CampaignDatas .fl_clear {
    padding-bottom: 10px
}

body #enquiry-modal #CampaignDatas .price, body #enquiry-confirm-modal #CampaignDatas .price {
    color: #db6f00
}

body #enquiry-modal #CampaignDatas .price.coupon, body #enquiry-confirm-modal #CampaignDatas .price.coupon {
    padding-left: 17px
}

body #enquiry-modal #CampaignDatas .tip, body #enquiry-confirm-modal #CampaignDatas .tip {
    font-style: italic;
    font-size: 0.85em
}

body #enquiry-modal #CampaignDatas .tip.err:after, body #enquiry-confirm-modal #CampaignDatas .tip.err:after {
    content: "\f071";
    color: #db6f00;
    font-family: FontAwesome;
    font-size: medium;
    font-style: normal;
    padding-left: 3px
}

body #enquiry-modal #CampaignDatas .half_right.price_tip, body #enquiry-confirm-modal #CampaignDatas .half_right.price_tip {
    line-height: 1em
}

body #enquiry-modal #CampaignDatas .submit .endprice, body #enquiry-confirm-modal #CampaignDatas .submit .endprice {
    font-size: 19px;
    background: rgba(241, 241, 241, 0.95);
    border: 0;
    color: #db6f00;
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 2px 10px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px
}

body #enquiry-modal #CampaignPreferences .scrollableTextarea.button, body #enquiry-confirm-modal #CampaignPreferences .scrollableTextarea.button {
    height: 57px;
    background: rgba(219, 111, 0, 0.75);
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    width: 90%;
    margin: 0
}

body #enquiry-modal #CampaignPreferences textarea, body #enquiry-confirm-modal #CampaignPreferences textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: none;
    border: 0;
    height: auto;
    overflow: hidden;
    outline: none;
    box-shadow: none;
    resize: none
}

body #enquiry-modal #CampaignPreferences .tooltip-wrap, body #enquiry-confirm-modal #CampaignPreferences .tooltip-wrap {
    position: relative
}

body #enquiry-modal #CampaignPreferences .tooltip-wrap .helpEnquiry, body #enquiry-confirm-modal #CampaignPreferences .tooltip-wrap .helpEnquiry {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 57px
}

body #enquiry-modal #CampaignPreferences .submit input[type="button"], body #enquiry-confirm-modal #CampaignPreferences .submit input[type="button"] {
    width: 50%
}

body #enquiry-confirm-modal.md-modal .md-content.popup {
    display: block
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner {
    line-height: 1.2em
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .cms {
    padding-bottom: 5px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner h4 {
    padding-top: 0px;
    padding-bottom: 3px;
    border-bottom: 1px solid #db6f00;
    margin-bottom: 10px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .label-icon {
    display: inline-block;
    width: 23px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .half_left label {
    display: inline-block;
    width: 90px;
    float: left
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .half_left label.wide {
    display: inline-block;
    width: 90px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .half_left .vals {
    display: inline-block;
    width: 165px;
    max-height: 1.25em
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .half_right label {
    display: inline-block;
    width: 125px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .fl_clear {
    padding-bottom: 10px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .endprice {
    color: #db6f00
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .cms.agb {
    padding-top: 10px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .cms.agb a {
    color: #fff
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #fff;
    height: 32px;
    line-height: 32px;
    margin-top: 4px;
    font-size: 20px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio [type="radio"] {
    display: none
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option {
    display: inline-block;
    width: 50%;
    text-align: center;
    cursor: pointer;
    color: #d6d6d6
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option .fa {
    padding-right: 5px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option .icon-paypal-1 {
    display: inline-block;
    line-height: 1
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option .icon-paypal-1:after, body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option .icon-paypal-1:before {
    margin: 0;
    font-size: 19px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option .paypal-icon {
    display: inline-block;
    height: 21px;
    padding-right: 5px;
    width: 21px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option .paypal-icon:before {
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background: url("../img/paypal_inactive.png") no-repeat center;
    padding: 4px 0
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option.left:after {
    font-family: payments;
    font-size: 25px;
    font-style: normal;
    content: "\e801 \A \e802";
    white-space: pre-wrap;
    display: inline-block;
    line-height: 14px;
    height: 26px;
    position: relative;
    top: 2px;
    right: -10px;
    margin-bottom: -3px;
    overflow: hidden
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option.selected {
    background: #db6f00;
    color: #fff
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option.selected.left {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option.selected.right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option.selected .paypal-icon:before {
    background: url("../img/paypal_active.png") no-repeat center
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .agb {
    position: relative
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .agb.highlighted:before {
    content: "\f071";
    color: #db6f00;
    font-family: FontAwesome;
    font-style: normal;
    font-size: 12px;
    position: absolute;
    left: 0px;
    bottom: 5px;
    line-height: 1.3em;
    display: inline-block
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .agb input {
    float: left
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .agb label {
    float: left;
    margin-top: -1.25em;
    padding-left: 20px
}

body #enquiry-confirm-modal.md-modal .md-content.popup .inner .agb .fl_clear {
    padding: 0
}

body #enquiry-confirm-modal.md-modal .md-content.popup .submit input[type="submit"] {
    width: 50%;
    border: 1px solid #db6f00
}

body #enquiry-confirm-modal.md-modal .md-content.popup .submit input[type="submit"].disabled {
    color: #d6d6d6;
    border: 1px solid #d6d6d6;
    background: rgba(214, 214, 214, 0.5)
}

body .tipsy {
    padding: 23px;
    margin-left: 45px;
    font-size: 16px;
    position: absolute;
    z-index: 2500
}

body .tipsy.modal-tipsy {
    margin-left: 65px
}

body .tipsy.enquiry-left-err {
    margin-left: 295px
}

body .tipsy.enquiry-left-err.plz {
    margin-left: 400px
}

body .tipsy.enquiry-right-err {
    margin-left: 53px
}

body .tipsy.enquiry-right-err.date {
    margin-left: 89px
}

body .tipsy.enquiry {
    margin-left: 25px
}

body .tipsy.info_on_interface {
    margin-left: 0;
    left: 405px !important
}

body .tipsy.info_on_interface .uploadInfoDatas {
    text-align: left
}

body .tipsy.info_on_interface .uploadInfoDatas td {
    white-space: nowrap
}

body .tipsy.uploadInfoTip .tipsy-inner {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 165px
}

body .tipsy-inner {
    padding: 20px;
    background-color: #DB6F00;
    color: white;
    width: 155px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

body .tipsy-inner .red {
    color: #b00000
}

body .tipsy-inner .err .icon span {
    font-size: 80px
}

body .tipsy-inner .err .title {
    color: #1d1d1d;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: normal
}

body .tipsy-inner .icon {
    line-height: 1;
    padding-bottom: 20px
}

body .tipsy-inner .icon .info {
    display: inline-block;
    background: url("../img/info-icon.png") no-repeat top left;
    height: 120px;
    width: 120px
}

body .tipsy-inner .icon .warning {
    display: inline-block;
    background: url("../img/warning-icon.png") no-repeat top left;
    height: 120px;
    width: 120px
}

body .tipsy-arrow {
    position: absolute;
    background: url("../images/tipsy3.png") no-repeat top left;
    width: 68px;
    height: 21px
}

body .tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -34px
}

body .tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px
}

body .tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px
}

body .tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left
}

body .tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left
}

body .tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left
}

body .tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -34px;
    right: 0;
    width: 22px;
    height: 68px;
    background-position: top right
}

body .tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -34px;
    left: 0;
    width: 22px;
    height: 68px
}

body .tipsy-h .tipsy-arrow {
    top: 50%;
    margin-top: -34px;
    left: 0;
    width: 22px;
    height: 68px
}

body .mc-cycle {
    z-index: 1
}

body .mc-image .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body .mc-image .linktext {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    text-shadow: black 0.1em 0.1em 0.2em;
    cursor: pointer
}

body .mc-image .sound {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 32px;
    text-shadow: black 0.1em 0.1em 0.2em
}

body .mc-image .sound .additional {
    color: red;
    font-size: 16px;
    line-height: 32px;
    vertical-align: top;
    padding-left: 3px
}

body .mc-image .sound.off .additional {
    display: none
}

body .mc-image .play_pause {
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 15px;
    font-size: 18px;
    text-shadow: black 0.1em 0.1em 0.2em
}

body .mc-image .linkarea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

body .customWallpaper, body .customWallpaper2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none
}

body .customWallpaperControls {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #cdcdcd;
    font-size: 19px;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0 auto;
    display: none
}

body .customWallpaperControlsOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #202020;
    background-image: url("../images/overlay_pattern.gif");
    background-repeat: repeat;
    opacity: 0.78
}

body .customWallpaperControlsInner {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 480px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

body .customWallpaperControlsTitle {
    font-size: 48px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 26px;
    line-height: 1
}

body .customWallpaperControlBox {
    border-radius: 8px;
    border: 1px solid #cdcdcd;
    padding: 20px 26px;
    width: 306px;
    margin: 15px auto;
    cursor: pointer
}

body .customWallpaperControlBox:hover {
    background-color: #303030;
    color: #db6f00
}

body .customWallpaperControlSkip {
    width: 358px;
    margin: 0 auto;
    font-size: 18px;
    text-align: right;
    cursor: pointer
}

body .customWallpaperControlSkipIcon {
    color: #db6f00
}

body .customWallpaperControlIcon {
    font-size: 66px;
    margin-right: 15px;
    display: block;
    width: 71px;
    text-align: center
}

body .customWallpaperControlIcon:before {
    vertical-align: middle
}

body .customWallpaperControlText {
    display: block;
    width: 200px;
    font-weight: 300;
}

body .customWallpaperLoading {
    display: none;
    z-index: 100;
    font-size: 60px;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

body div.selector {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.8);
    color: #eee;
    -webkit-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin: 0;
    cursor: pointer;
    width: auto;
    position: relative;
    overflow: hidden;
    height: 35px
}

body div.selector span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #eeeeee;
    padding: 0px 32px 0px 0px;
    cursor: pointer;
    height: 23px;
    line-height: 23px
}

body div.selector span:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0dd";
    color: #cccccc;
    font-size: 24px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 2px;
    text-shadow: none
}

body div.selector select {
    position: absolute;
    opacity: 0;
    height: 33px;
    border: none;
    background: none;
    border: solid 1px white;
    width: 100%;
    top: 0px;
    left: 0px
}

body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button, body .ui-widget {
    font-family: 'Open Sans Condensed', sans-serif
}
body .ui-widget .ui-widget {
    width: 115px !important;
}


body .ui-widget-content {
    background: #262626;
    color: #eee;
    width: 246px;

} 
body #ui-datepicker-div{
    width: 243px;
}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
    color: #DB6F00
}

body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active {
    color: #eee;
    background: #666
}

body .ui-state-hover, body .ui-widget-content .ui-state-hover, body .ui-widget-header .ui-state-hover {
    border: 0;
    background: none;
    cursor: pointer;
    background: #444
}

body .ui-datepicker .ui-datepicker-title {
    content: "TEST CONTENT";
    font-size: 16px
}

body .ui-datepicker .ui-datepicker-prev span, body .ui-datepicker .ui-datepicker-next span {
    margin-top: -4px
}

body .ui-datepicker .ui-timepicker-div {
    font-size: 14px;
    height: 61px;
    overflow: hidden;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    display: none
}

body .ui-datepicker .ui-datepicker-buttonpane button {
    text-transform: uppercase;
    padding: 2px 7px;
    margin: 10px 10px 5px 5px;
    border: medium none;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.15);
    color: #DB6F00;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 19px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: normal;
}

body .ui-datepicker .ui-datepicker-buttonpane button.reset {
    float: left;
    text-transform: uppercase;
    padding: 2px 7px;
    margin: 10px 5px 5px 9px;
    border: medium none;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.15);
    color: #DB6F00;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 19px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: normal;
}

body .ui-datepicker .closebtn {
    background-color: #262626;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    color: #ffffff;
    font-size: 20px;
    height: 15px;
    position: absolute;
    right: -4px;
    top: -7px;
    width: 14px;
    cursor: pointer
}

body .ui-datepicker .closebtn:before {
    position: relative;
    left: 0;
    top: -2px
}

body .zclip:hover {
    background: rgba(255, 255, 255, 0.15)
}

body .info_overlay {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3000;
    display: none;
    top: 0;
    left: 0
}

body .info_overlay .mail_interface, body .info_overlay .link_interface {
    display: none;
    left: 138px;
    position: absolute;
    top: 50%;
    margin-top: -238px
}

body .info_overlay .infodiv {
    position: absolute;
    width: 350px;
    color: #ffffff
}

body .info_overlay .arrow:before {
    content: url(../img/arrow.png);
    margin-top: 17px;
    margin-left: -127px;
    position: absolute
}

body .info_overlay .arrow1:before {
    content: url(../img/arrow1.png);
    margin-top: 12px;
    margin-left: -338px;
    position: absolute
}

body .info_overlay .arrow2:before {
    content: url(../img/arrow5.png);
    margin-top: -44px;
    margin-left: -10px;
    position: absolute
}

body .info_overlay .arrow3:before {
    content: url(../img/arrow4.png);
    margin-top: 8px;
    margin-left: -253px;
    position: absolute
}

body .info_overlay .arrow4:before {
    content: url(../img/arrow3.png);
    margin-top: 9px;
    margin-left: -286px;
    position: absolute
}

body .info_overlay .arrow5:before {
    content: url(../img/arrow.png);
    margin-top: -8px;
    margin-left: -127px;
    position: absolute
}

body .info_overlay .arrow_password:before {
    content: url(../static/images/help_layer/arrow_password.png);
    margin-top: -37px;
    margin-left: -221px;
    position: absolute
}

body .info_overlay .arrow_delivery_date:before {
    content: url(../static/images/help_layer/arrow_delivery_date.png);
    margin-top: -64px;
    margin-left: -191px;
    position: absolute
}

body .info_overlay .arrow-img:before {
    content: url(../img/arrow-img.png);
    margin-top: 38px;
    margin-left: 0px;
    position: absolute
}

body .info_overlay #up_adf_info, body .info_overlay #up_ref_info, body .info_overlay #up_yea_info, body .info_overlay #up_dd_info, body .info_overlay #up_mtr_info, body .info_overlay #up_up_info, body .info_overlay #up_msg_info, body .info_overlay #up_link_info {
    left: 454px
}

body .info_overlay #up_send_info {
    left: 454px
}

body .info_overlay #up_img_info {
    left: 830px
}

body .info_overlay #up_password_info {
    left: 454px
}

body .info_overlay #up_delivery_date_info {
    left: 454px
}

body .campaign_date {
    font-size: 13px !important;
    padding: 3px;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

body .campaign_date .ui-state-disabled, body .campaign_date .ui-widget-content .ui-state-disabled, body .campaign_date .ui-widget-header .ui-state-disabled {
    opacity: 0.65
}

.uploadArea {
    left: -8px;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    width: 100%
}

#dragarea span {
    display: none
}

#dragarea.body-content {
    border: 2px dashed white;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 24px
}

#dragarea.body-content span {
    display: inline
}

#drop-mask {
    position: absolute;
    z-index: 99;
    display: none;
    margin: -2px
}

.fb-button {
    display: inline-block;
    background-image: -webkit-linear-gradient(#4c69ba, #3b55a0);
    background-image: linear-gradient(#4c69ba, #3b55a0);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #fff;
    font-weight: bold;
    height: 20px;
    text-shadow: 0 -1px 0 #354c8c;
    text-decoration: none;
    white-space: nowrap;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
    vertical-align: top
}

.fb-button:hover {
    background-image: -webkit-linear-gradient(#5b7bd5, #4864b1);
    background-image: linear-gradient(#5b7bd5, #4864b1)
}

.fb-button-img {
    left: 0;
    margin: 0 4px;
    position: relative;
    top: 3px;
    vertical-align: top;
    background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/y1/r/LVx-xkvaJ0b.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: 0 -42px;
    display: inline-block;
    height: 14px;
    width: 14px
}

.fb-button-label {
    font-size: 11px;
    padding: 0 5px 0 0;
    vertical-align: top;
    position: relative;
    line-height: 20px
}

.fb-button-label.no-img {
    padding-left: 5px
}

.safari #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option.left:after, .chrome #enquiry-confirm-modal.md-modal .md-content.popup .inner .input.radio span.option.left:after {
    height: 27px;
    margin-bottom: -4px
}

@media all and (max-width: 1024px) {
    body .customWallpaperControlsInner {
        left: 69%
    }
}

.fa_before_basic, #subscription-modal .plan_desc li:before, .md-content.userlayer .upload_list .info li.info_item:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.font-smoothing, #subscription-modal .subscription_block button, #subscription-modal .plan_desc {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#subscription-modal .md-content {
    height: 600px;
}
#subscription-modal .price_info_voucher {

    display: inline-block;
    font-size: 0.45em;
    font-weight: 300;
    line-height: 0.9em;
    padding-left: 0.5em;
}

#subscription-modal .fl_right {
	margin-top: 10px;
}

#subscription-modal .content-wrap {
    padding: 18px 13px 13px 13px;
}

#subscription-modal .period_option {
    font-size: 15px;
    padding-bottom: 10px;
    margin: 0px 16px 0px 14px;
    font-weight:normal !important;
}

#subscription-modal .subscription_block {
    margin-right: 13px;
    margin-left: 13px;
    width: 161px;
    height: 350px;
    float: left;
    background-color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #373635;
    position: relative;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.6);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    overflow: hidden;
    cursor: pointer;
}

#subscription-modal .subscription_block:hover {
    -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 9px rgba(255, 255, 255, 0.8)
}

#subscription-modal .subscription_block button {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 101%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 0;
    background: #99958f;
    font-weight: 700;
    color: #fff;
    padding: 7px 0;
    cursor: pointer
}

#subscription-modal .subscription_block.last {
    margin-right: 0
}

#subscription-modal .subscription_block.black {
    background: url("../img/bgs/black_pattern.jpg");
    background-position: center;
    color: #fff
}

#subscription-modal .subscription_block.black button {
    background: #000;
    color: #fff
}

#subscription-modal .subscription_block.orange {
    color: #D65C04
}

#subscription-modal .subscription_block.orange button {
    background: #DB6F00;
    color: #fff
}

#subscription-modal .plan_title {
    margin-top: 5px;
    padding: 0px 11.5px 0px 11.5px;
    border-bottom: 1px solid #bbb6af;
    text-align: center;
    font-weight: 700;
    line-height: 1.0em;
    font-size: 25px;
}

#subscription-modal .plan_title .title:before {
    padding-right: 0.3em;
    font-size: 1em
}

#subscription-modal .plan_title .price {
    font-size: 28px
}

#subscription-modal .plan_title .curr {
    font-weight: 300;
    font-size: 0.45em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 0.5em
}

#subscription-modal .plan_desc {
    padding: 4px 8px;
    list-style: none;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4em
}

#subscription-modal .plan_desc li {
    font-weight:normal;
    padding: 0
}

#subscription-modal .plan_desc li:before {
    padding-right: 4px;
    font-size: 0.8em;

}

#subscription-modal .ribbon-wrapper {
    width: 85px;
    height: 85px;
    overflow: hidden;
    position: absolute;
    left: -2px;
    top: -2px
}

#subscription-modal .ribbon-wrapper .ribbon {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    color: #000;
    font-size: 0.65em;
    font-weight: 800;
    right: -15px;
    line-height: 1.25em;
    padding: 2px 7px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 135px
}

.md-content.userlayer .handle_left {
    z-index: -1
}

.md-content.userlayer ul.nav {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #DB6F00
}

.md-content.userlayer ul.nav li {
    display: inline-block;
    padding: 10px 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 81px;
    text-align: center;
}

.md-content.userlayer ul.nav li.active {
    background: #000000;
    color: #dedede;
    -webkit-box-shadow: 0 0 2px rgba(25, 25, 25, 0.8) inset;
    -moz-box-shadow: 0 0 2px rgba(25, 25, 25, 0.8) inset;
    box-shadow: 0 0 2px rgba(25, 25, 25, 0.8) inset
}

.md-content.userlayer ul.nav li.active a {
    color: #dedede;
        z-index: 100;
}

.md-content.userlayer ul.nav li.active a:hover {
    color: #dedede
}

.md-content.userlayer ul.nav li a {
    color: #dedede;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
        z-index: 100;

}

.md-content.userlayer ul.nav li a:hover {
    color: #fff
}

.md-content.userlayer .content {
    padding: 15px;
    display: none
}

.md-content.userlayer .content button {
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #444;
    color: #fff;
    cursor: pointer;
    border: 1px solid #888;
    margin-left: -12px;
}

.md-content.userlayer .content button:hover {
    background: #DB6F00;
    color: #fff;
}







.md-content.userlayer .uploads-info:before, .md-content.userlayer .uploads-info:after {
    content: " ";
    display: table
}

.md-content.userlayer .uploads-info:after {
    clear: both
}

.md-content.userlayer .uploads-info button.upgrade:before {
    content: '⇪';
    padding-right: 0.5em
}

.md-content.userlayer .uploads-info button.upgradeChronic:before {
    padding-right: 0.1em
}

.md-content.userlayer .uploads-info button.upgrade.with_searchf {
    margin-right: 15px
}

.md-content.userlayer .welcome {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px;
    color: #fff;
    background: #FFF linear-gradient(#DB6F00, #DB6F00) repeat scroll 0% 0%;
    height: 347px;
    position: relative;
    margin:8px;
    position: absolute;
    z-index: 1;
    font-size:16px;

}

.md-content.userlayer .welcome:before {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #DB6F00;
    font-size: 60px
}

.md-content.userlayer .welcomePayment {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px;
    color: #000;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 189, 9, 0.25), rgba(255, 189, 9, 0.4));
    background-image: linear-gradient(rgba(255, 189, 9, 0.25), rgba(255, 189, 9, 0.4));
    height: 330px;
    position: relative;
    margin:8px;
    position: absolute;
    z-index: 1;
}

.md-content.userlayer .welcomePayment:before {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #DB6F00;
    font-size: 60px
}

.md-content.userlayer .upload_list {
    max-height: 372px;
    overflow: hidden;
    position: relative
}

.md-content.userlayer .upload_list.ps-container .ps-scrollbar-x-rail {
    display: none
}

.md-content.userlayer .upload_list.ps-container .ps-scrollbar-y-rail {
    right: 4px !important
}

.md-content.userlayer .upload_list ul {
    list-style: none;
    padding: 0;
}

.md-content.userlayer .upload_list li {
    border-bottom: 1px solid #ccc;
}

.md-content.userlayer .upload_list li:last-child {
    border-bottom: 0
}

.md-content.userlayer .upload_list li:hover .filename {
    color: #DB6F00
}

.md-content.userlayer .upload_list .datetime {
    padding-right: 5px
}

.md-content.userlayer .upload_list span.fa-stack {
    padding-right: 5px;
    font-size: 0.65em;
    cursor: pointer;
    /*    margin-top: -2px;*/
}

.md-content.userlayer .upload_list span.fa-stack:hover, .md-content.userlayer .upload_list span.fa-stack.active {
    color: #DB6F00
}

.md-content.userlayer .upload_list .info {
    display: none
}

.md-content.userlayer .upload_list .info li.info_item {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    /*background: #f8f8f8;*/
    color: #000;
    /* padding: 10px 10px 10px 10px; */
    border: 1px solid #888;
    width: 94% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    position: relative
}

.md-content.userlayer .upload_list .info li.info_item:before {
    position: absolute;
    top: 10px;
    left: 10px
}

.md-content.userlayer .upload_list .info li.info_item .total.active {
    padding-bottom: 5px;
    display: inline-block
}

.md-content.userlayer .upload_list .info li.info_item .recipients_list_scroller {
    display: none;
    overflow: hidden;
    position: relative;
    width: 510px;
}

.md-content.userlayer .upload_list .info li.info_item .recipients_list_scroller li {

    padding-bottom: 5px;
    padding-top:5px;

}

.md-content.userlayer .upload_list .info .expiryinfo button {
    margin-top: -4px
}

/* 
*--------------------------------------------------------------------------->
*
*CUSTOM CSS CLASSES - NEW LAYOUT CLASSES
*
*--------------------------------------------------------------------------->
*/

/* Global Classes
**------------------------------- */


.md-content .content.ac-container{
    padding: 0;
    margin: 0;
    width: 100%;
}

.accord-list
{
    padding: 0 !important;
    padding-top: 1px !important;
    margin-bottom: 2px !important;
}

.accord-list:last-child
{
    padding: 0 !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.accord-list .accord-bg
{
    background: #262626 !important;
    padding: 8px 9px 8px 9px !important;
    display: inline-block;
    width: 97%;
}

/* Columns */

.cols-1,
.cols-2
.cols-3,
.cols-form{
    display:block;
}

.cols-3 .column,
.cols-2 .column{
    box-sizing: border-box;
    display: inline-block;
    padding: 0 5px;
    float: left;
}

.cols-3 .column{
    width:33.3333%;
} 

.cols-2 .column{
    width:50%;
}

.cols-1 .column{
    width:100%;
}

.column.col-icon i.fa{
    margin:5px;
    font-size: 20px;
}


.box{
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    margin: 8px 8px 6px 8px;
    border: 1px solid rgba(205, 123, 76, 0.3);
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    color: #999;
    background: #262626;
    padding: 5px 10px;
    font-weight: 400;
}

.box.rounded{
    border-radius:5px;
}


.list-box{
    position: relative;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #999;



    line-height: 35px;
    padding: 5px 25px;
    display: inline-block;
    width: 100%;
    margin: 0 0 2px 0;
    box-sizing: border-box;
    line-height:30px;
}

.list-box span{
    line-height:30px;
}

.content-box{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #999;
    background: #262626;
    line-height: 35px;
    border:none;
    border-bottom: 1px solid #000;
    padding: 5px 25px;
    height: 36px;
    width: 540px;
    margin: 2px 0 0 0;
}

.accounts-referrel-link{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #999;
    background: #262626;
    line-height: 35px;
    border:none;
    text-decoration:none;
    padding: 5px 5px;
    height: 36px;
    width: 540px;
    margin: 2px 0 0 0;
}

.accounts-referrel-link:hover {
	color: #db6400;
}

i.inline-icon{
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
    color:#DB6F00;
    margin-right:3px;
}
i.inline-icon.white{
    color:#FFF;
}
/*
#account_content #UserHomeForm .newsletter_details a:hover {
    color: #db6400;
} */

.inline,
.inline-blocks,
.content-box .inline
{
    margin-right:0;
    float:left;
}
.content-box .inline.col-2{
    float:left;
    margin:0;
    width:50%;
}

.content-box .inline.col-4{
    float:left;
    margin:0;
    width:25%;
}

.clearfix{
    clear:both;
}



/* Extended Classes */

.upload_list_background .fl_right{
    margin-right:-10px; 
}

.fl_right.edit-address{
    margin-right: 20px;
}


/* Utility Classes */
.pull-left{
    float:left;
}

.pull-right{
    float:right;
}
.h-center{
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
}


.content-box input.inline,
.list-box input.inline{
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    box-sizing: border-box;
    margin: 3px;
    padding: 5px;
    width: 150px;
}

.content-box .inline{
    float: left;
}

.box.rounded.icon-text div:first-child{
    padding-left: 8px;
}

input.search-box{
    width: 9.3em !important;
    outline: none !important;
    background: #1d1d1d !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    border-radius: 5px !important;
    height: 28px !important;
    color: #444 !important;
    box-sizing: border-box;
    padding-left: 26px !important;
}



/* CheckBox */

.content-box input[type=checkbox] 
{ display:none; } 

/* to hide the checkbox itself */
.content-box input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.content-box input[type=checkbox] + label:before 
{ content: "\f096"; } 
/* unchecked icon */
.content-box input[type=checkbox] + label:before 
{ letter-spacing: 5px; }

/* space between checkbox and label */
.content-box input[type=checkbox]:checked + label:before 
{ content: "\f046"; } 

/* checked icon */
.content-box input[type=checkbox]:checked + label:before 
{ letter-spacing: 5px; } 

/* allow space for check mark */

.content-box input[type=checkbox] { display:none; } 

/* to hide the checkbox itself */
.content-box input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.content-box input[type=checkbox] + label:before { content: "\f096"; width: 24px;} /* unchecked icon */
.content-box input[type=checkbox] + label:before { letter-spacing: 5px; } /* space between checkbox and label */

.content-box input[type=checkbox]:checked + label:before { content: "\f046"; width: 24px;} /* checked icon */
.content-box input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */



/* option box */

.language_details input[type=radio]
{ display:none; }

/* to hide the checkbox itself */
.language_details input[type=radio] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.language_details input[type=radio] + label:before
{ content: "\f10c"; }
/* unchecked icon */
.language_details input[type=radio] + label:before
{ letter-spacing: 5px; }

/* space between checkbox and label */
.language_details input[type=radio]:checked + label:before
{  content: "\f05d";  }

/* checked icon */
.language_details input[type=radio]:checked + label:before
{ letter-spacing: 5px; }

/* allow space for check mark */

.language_details input[type=radio] { display:none; }

/* to hide the checkbox itself */
.language_details input[type=radio] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.content-box input[type=radio] + label:before {  content: "\f10c";  }  /*unchecked icon */
.content-box input[type=radio] + label:before { letter-spacing: 5px; } /* space between checkbox and label */

.content-box input[type=radio]:checked + label:before { content: "\f192";  } /* checked icon */
.content-box input[type=radio]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */




/* option box */

.options input[type=radio] 
{ display:none; } 

/* to hide the checkbox itself */
.options input[type=radio] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.options input[type=radio] + label:before 
{ content: "\f10c"; } 
/* unchecked icon */
.options input[type=radio] + label:before 
{ letter-spacing: 5px; }

/* space between checkbox and label */
.options input[type=radio]:checked + label:before 
{  content: "\f05d";  } 

/* checked icon */
.options input[type=radio]:checked + label:before 
{ letter-spacing: 5px; } 

/* allow space for check mark */

.options input[type=radio] { display:none; } 

/* to hide the checkbox itself */
.options input[type=radio] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.options input[type=radio] + label:before {  content: "\f10c";  }  /*unchecked icon */
.options input[type=radio] + label:before { letter-spacing: 5px; } /* space between checkbox and label */

.options input[type=radio]:checked + label:before { content: "\f192";  } /* checked icon */
.options input[type=radio]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */


/* _______ Custom radiobuttons / checkbox _______ */
.custom_css_radio input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.custom_css_radio input[type=radio].css-checkbox + label.css-label {
    padding-left: 16px;
    /*height: 21px;*/
    display: inline-block;
    /*line-height: 21px;
    background-repeat: no-repeat;
    background-position: 0 0;*/
    /*font-size: 21px;*/
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
.custom_css_radio input[type=radio].css-checkbox + label.css-label:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #B85E05;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 1px 1px #555;
    -moz-box-shadow: inset 0 1px 1px #555;
    box-shadow: inset 0 1px 1px #555;
    position: absolute;
    top: 5px;
    left: 0;
}
.custom_css_radio input[type=radio].css-checkbox:checked + label.css-label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 2px;
}
.custom_css_radio label.css-label {
    /*background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_8ff5dea4bb78613438a83021dc98ce28.png);*/
    padding-left: 16px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom_css_radio:last-child {
    margin-left: 10px;
}

/* _______ Pro subscription label _______ */
.subscription_block.black {
    position: relative;
}
.subscription_block.black:before {
    content: "";
    width: 55px;
    height: 55px;
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 5;
    background: transparent url(../img/best_choice.png) no-repeat 0 0;
}


/* _______ Subscription Radio _______ */
.subscription_radio {
    height: 19px;
}



.subscription_block:hover { 
    /*-webkit-animation-duration: 0.6s; 
    animation-duration: 0.6s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-name: bounce; 
    animation-name: bounce; */

    -moz-transform: scale(1.03) translateX(0px) translateY(5px);
    -webkit-transform: scale(1.03) translateX(0px) translateY(5px);
    -o-transform: scale(1.03) translateX(0px) translateY(5px);
    -ms-transform: scale(1.03) translateX(0px) translateY(5px);
    transform: scale(1.03) translateX(0px) translateY(5px);
}
/*.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}*/
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: rotate(0);} 
    20% {-webkit-transform: rotate(-3deg);} 
    40% {-webkit-transform: rotate(2deg);} 
    60% {-webkit-transform: rotate(-2deg);} 
    85% {-webkit-transform: rotate(1deg);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: rotate(0);} 
    20% {transform: rotate(-3deg);} 
    40% {transform: rotate(2deg);} 
    60% {transform: rotate(-2deg);} 
    85% {transform: rotate(1deg);} 
} 

#subscription-modal .subscription_block.black button,
#subscription-modal .subscription_block.orange button {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#subscription-modal .subscription_block.black:hover button {
    color: #000;
    background: #fff;
}

/*#subscription-modal .subscription_block.orange:hover button {
    color: #db6f00;
    background: #fff;
    border-top: 1px solid #db6f00;
}*/

#subscription-modal .plan_title .f-icon-flyer_Free:before {
     display: inline-block;
     font-size: 19px;
     margin-top: 9px;
     vertical-align: top;
 }
#subscription-modal .plan_title .f-icon-flyer_Pro:before {
    display: inline-block;
    margin-top: 9px;
    vertical-align: top;
}
#subscription-modal .plan_title .f-icon-flyer_Business:before {
    display: inline-block;
    margin-top: 9px;
    vertical-align: top;
}
#subscription-modal .plan_desc {
    -webkit-font-smoothing: antialiased;
}

#emailListResend .wsi-main-menu-upload-contact-list,
#fileResendList .wsi-main-menu-upload-file-list {
    overflow: hidden;
}
#emailListResend .ps-scrollbar-y-rail,
#fileResendList .ps-scrollbar-y-rail {
    opacity: 1;
}
#fileResendList .ps-scrollbar-x-rail {
    opacity: 0;
}
/*#emailListResend .ps-container .ps-scrollbar-y-rail:hover, 
#emailListResend .ps-container .ps-scrollbar-y-rail.hover,
#emailListResend .ps-scrollbar-y-rail.in-scrolling,*/
#resend_upload_id .wsi-main-menu-upload-message .ps-scrollbar-y-rail,
#resend_upload_id .wsi-main-menu-upload-message .ps-scrollbar-y-rail:hover, 
#resend_upload_id .wsi-main-menu-upload-message .ps-scrollbar-y-rail.hover,
#resend_upload_id .wsi-main-menu-upload-message .ps-scrollbar-y-rail.in-scrolling,
#emailListResend .ps-scrollbar-y-rail,
#emailListResend .ps-scrollbar-y-rail:hover, 
#emailListResend .ps-scrollbar-y-rail.hover,
#emailListResend .ps-scrollbar-y-rail.in-scrolling,
#fileResendList .ps-scrollbar-y-rail,
#fileResendList .ps-scrollbar-y-rail:hover, 
#fileResendList .ps-scrollbar-y-rail.hover,
#fileResendList .ps-scrollbar-y-rail.in-scrolling {
    background: transparent !important;
	opacity: 0.6;
    right: 0 !important;
}
#uploadContactResendList .wsi-main-menu-upload-contact-remove.email_remove {
    color: #db6f00;
}
#emailListResendz .ps-container .ps-scrollbar-y {
    background: #db6f00 !important;
}

.wsi-upload-resend-determine-delivery{
    text-decoration: none;
    text-align: center;
    padding: 0;
    -webkit-transition: color 0.8s ease-in-out;
    -moz-transition: color 0.8s ease-in-out;
    transition: color 0.8s ease-in-out;
    width: 33px;
    height: 33px;
    line-height: 33px !important;
    margin: 0;
    border: none;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    color: #DB6F00 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 17px !important;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    float:left;

}

.wsi-upload-resend-determine-delivery:hover{
    background: #f7def7 !important;
    background: rgba(255, 255, 255, 0.23) !important;
    outline: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58) !important;
}

.wsi-upload-determine-delivery{
    text-decoration: none;
    text-align: center;
    padding: 0;
    -webkit-transition: color 0.8s ease-in-out;
    -moz-transition: color 0.8s ease-in-out;
    transition: color 0.8s ease-in-out;
    width: 33px;
    height: 33px;
    line-height: 33px !important;
    margin: 0;
    border: none;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    color: #DB6F00 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 17px !important;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    float:left;

}

.wsi-upload-determine-delivery:hover{
    background: #f7def7 !important;
    background: rgba(255, 255, 255, 0.23) !important;
    outline: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58) !important;
}

.wsi-upload-resend-password-protection{
    text-decoration: none;
    text-align: center;
    padding: 0px 0px 3px 0px;
    -webkit-transition: color 0.8s ease-in-out;
    -moz-transition: color 0.8s ease-in-out;
    transition: color 0.8s ease-in-out;
    width: 33px;
    height: 33px;
    line-height: 29px !important;
    margin: 0;
    border: none;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    color: #DB6F00 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 17px !important;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    float:left;

}

.wsi-upload-resend-pasword-protection:hover{
    background: #f7def7 !important;
    background: rgba(255, 255, 255, 0.23) !important;
    outline: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58) !important;
}

.wsi-upload-password-protection{
    text-decoration: none;
    text-align: center;
    padding: 0px 0px 3px 0px;
    -webkit-transition: color 0.8s ease-in-out;
    -moz-transition: color 0.8s ease-in-out;
    transition: color 0.8s ease-in-out;
    width: 33px;
    height: 33px;
    line-height: 29px !important;
    margin: 0;
    border: none;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    color: #DB6F00 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 17px !important;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    float:left;

}

.wsi-upload-pasword-protection:hover{
    background: #f7def7 !important;
    background: rgba(255, 255, 255, 0.23) !important;
    outline: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58) !important;
}

.wsi-input-password-check-icon
{
    visibility: hidden;
    position: absolute;
    margin-left: 180px;
    color: #2EAB00;
    font-size: 20px !important;
    margin-top: -41px;
}

.wsi-input-password-invalid-icon
{
    visibility: hidden;
    position: absolute;
    margin-left: 180px;
    color: #8c2000;
    font-size: 20px !important;
    margin-top: -41px;
}

/* ___________ Tooltip Styles ___________*/
.tooltip_global_dark,
div[class^="wsi-download-tooltip-"].tooltip_global_dark, 
div[class*=" wsi-download-tooltip-"].tooltip_global_dark {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    margin: 0;
    padding: 1px 5px;
    border: 1px solid #fff;
    right: 63px;
    top: 42px;
    border-radius: 5px;
    position: absolute;
    z-index: 9999;
    display: none;
}
.tooltip_global_dark:before,
div[class^="wsi-download-tooltip-"].tooltip_global_dark:before, 
div[class*=" wsi-download-tooltip-"].tooltip_global_dark:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-bottom: 10px solid #DB6F00;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    top: -10px;
    right: 11px;
    z-index: 5;
}
.tooltip_global_dark:after,
div[class^="wsi-download-tooltip-"].tooltip_global_dark:after, 
div[class*=" wsi-download-tooltip-"].tooltip_global_dark:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-bottom: 8px solid #DB6F00;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    top: -8px;
    right: 13px;
    z-index: 10;
}

.tooltip_global_dark span,
div[class^="wsi-download-tooltip-"].tooltip_global_dark span, 
div[class*=" wsi-download-tooltip-"].tooltip_global_dark span{
    display: block !important;
}

.tooltip_global_orange {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 1px 10px;
    border: 1px solid #fff;
    right: 21px;
    top: 42px;
    border-radius: 5px;
    position: absolute;
    z-index: 9999;
    /*display: none;*/
    background: #DB6F00
}
.tooltip_global_orange:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-bottom: 10px solid #DB6F00;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    top: -10px;
    right: 11px;
    z-index: 5;
}

/* ___________ Tooltip Styles ___________*/

.upload_list li {
    position: relative;
}

/* ---------- 27-03-2015----------*/
.fa-bullhorn::before { margin-left: 6px; margin-right: 4px !important; font-size: 18px;}
.account-box {margin: 9px 8px 6px !important;}
.fa-2x { font-size: 20px !important;}
.offer { margin-left: -4px;}
.span-offer { left:22px !important;}
.age_group_icon { padding: 0px 10px 0px 12px !important; }
.margin-left { margin-left: 4px;}
.margin-right { margin-right: 5px !important;}

/* ---------- 28-03-2015----------*/
.delivery-search { margin-right: -4px;}
ul.chronik-file-list { padding: 10px !important; overflow: hidden !important;}
ul.chronik-file-list li { margin-left: 0px !important; border-bottom: 1px solid #ffffff !important; color:#ffffff !important; padding-bottom: 8px !important; margin-bottom: 8px !important; width:50% !important;}
#subscription-modal .subscription_block {}
#subscription-modal .subscription_block.black {}
#subscription-modal .subscription_block.orange {}



body #upload_cont .ui-autocomplete .ui-menu-item{
    color:#ccc !important;
}
body #upload_cont .ui-autocomplete .ui-menu-item:hover{
    color:#DB6F00 !important;
    background: none repeat scroll 0% 0% #262626 !important;
    border: 0px !important;
}
body #upload_resend_cont .ui-autocomplete .ui-menu-item{
    color:#ccc !important;
}
body #upload_resend_cont .ui-autocomplete .ui-menu-item:hover{
    color:#DB6F00 !important;
    background: none repeat scroll 0% 0% #262626 !important;
    border: 0px !important;
}

body #payment-method-modal .ui-autocomplete{
    width: 240px !important;
    padding-left: 5px !important;
    border: none !important;
    background-color: rgb(186, 96, 5) !important;
    position: absolute !important;
    height:56px; !important;
    overflow: hidden;
}

body #payment-method-modal .ui-widget-content a {
    color: #fff;
}
body #payment-method-modal .ui-autocomplete .ui-menu-item{
    color:#ccc !important;
}

body #payment-method-modal .ui-autocomplete .ui-menu-item:hover{
    color:#DB6F00 !important;
    /*background: none repeat scroll 0% 0% #262626 !important;*/
    border: 0px !important;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-color: #000;
    /*margin: 0.7em -6px 0px;*/
    /*padding: 0px 0.2em;*/
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
    height: 53px;
    border-radius: 0px 0px 8px 8px;
    width: 237px;
    border-color: #000;
}



.wsi-upload-resend-layer-back-button{
    text-decoration: none;
    text-align: center;
    padding: 0px 0px 3px 0px;
    -webkit-transition: color 0.8s ease-in-out;
    -moz-transition: color 0.8s ease-in-out;
    transition: color 0.8s ease-in-out;
    width: 33px;
    height: 33px;
    line-height: 34px !important;
    margin: 0;
    border: none;
    background: white;
    background: rgba(255, 255, 255, 0.15);
    color: #DB6F00 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 17px !important;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    float:left;
}

.conf_pass_error, .wsi-personalize-input-wallpaper-url-error{
      border: 1px solid rgba(219, 111, 0, 1) !important;
      box-shadow: 0 0 5px rgba(219, 111, 0, 1) !important;
      -webkit-transition: all 0.30s ease-in-out;
      -moz-transition: all 0.30s ease-in-out;
      -ms-transition: all 0.30s ease-in-out;
      -o-transition: all 0.30s ease-in-out;
  }



/* ---------- 23-04-2015----------*/

.ui-datepicker table	{ font-size: 18px !important;}

/*----------- Cockpit ------------*/

/*----------- Cockpit ------------*/

.chart{
    color:green;
    height: 161px;
    width: 170px;
}

.chart:last-child{
    width: 170px;
    margin-right:0;
    height: 161px;
}

.chart-block1{
    width:777px !important;
}

.chart-block2{

    background-color: rgba(0,0,0,0.9);
    top: 50%;
    left:395px;
    width: auto !important;
    min-width:0px !important;
}

.graph-charts{
    width: 100%;
    height: 140px;

}

.ui-datepicker-header .ui-state-hover{
background: none !important;
}
/*
.ui-datepicker-header .ui-state-hover .ui-icon{
	background-image: none !important;
}*/

/* CSS coming from user_dashboard.ctp */


/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 1px solid #7a7a7a;
    background: #DB6F00;
    color: #fff;
    z-index:900;
}
.tooltipster-cvchelp {
    border-radius: 5px;
    border: 1px solid #DB6F00;
    background: #262626;
    color: #DB6F00 !important;
    z-index:900;
}

.right-tooltip {
    margin-top: 4px !important;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {

    font-size: 16px;
    line-height: 20px;
    padding: 2px 5px;
    overflow: hidden;
}

.tooltipster-cvchelp .tooltipster-content .cvchelp {

    font-size: 16px;
    line-height: 20px;

    border-radius: 5px;
    border: 1px solid #7a7a7a;
    background: #262626;
    color: #DB6F00 !important;
    z-index:900;
    margin-left: -6px;
    margin-top: -3px;
    width: 104%;
    margin-bottom: -3px;
    padding:10px 15px;
    border-radius: 3px;
}

.tooltipster-default .tooltipster-content .over_black:hover {
    cursor: pointer;
    color: #000;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}



/* Autocomplete CSS */

body #ui-id-1{
    width:144px !important;
    overflow:hidden;
    outline: none !important;
    border: 1px solid rgba(205, 123, 76, 0.3);
    background: repeat scroll 0px 0px url("../img/bgs/black_pattern.jpg");
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    border-radius: 5px !important;
    height:56px;
    position:absolute;
}

body #ui-id-2{
    width:144px !important;
    overflow:hidden;
    outline: none !important;
    border: 1px solid rgba(205, 123, 76, 0.3);
    background: repeat scroll 0px 0px url("../img/bgs/black_pattern.jpg");
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    border-radius: 5px !important;
    height:56px;
    position:absolute;
}

body #ui-id-1 a{
    width:80px !important;
    margin-left: -35px;
    margin-bottom: 5px;
    margin-top:5px;
    overflow:hidden;
    color: #989898 !important;
}

body #ui-id-2 a{
    width:80px !important;
    margin-left: -35px;
    margin-bottom: 5px;
    margin-top:5px;
    overflow:hidden;
    color: #989898 !important;

}
body #ui-id-1 a:hover{

    margin-bottom: 5px;
    margin-top:5px;
    font-weight:normal!important;
    color: #DB6400 !important;
}

body #ui-id-2 a:hover{
    margin-bottom: 5px;
    margin-top:5px;
    font-weight:normal!important;
    color: #DB6400 !important;
}

/* user_dashboard css */

.wsi-button {
    height: 33px;
    padding: 2px 10px;
    border: medium none;
    background: none repeat scroll 0% 0% rgba(40,40,40 , 1);
    color: #DB6F00;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin-left: 2px !important;
    margin-right: 2px !important;
}
.wsi-button-resend {
    height: 33px;
    padding: 2px 10px;
    border: medium none;
    background: none repeat scroll 0% 0% rgba(40,40,40 , 1);
    color: #DB6F00;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin-left: auto !important;
    margin-right: 90px !important;
}

.wsi-md-footer
{
    position: relative;
    bottom: 7px;
    left: 20px;
}

.wsi-button-delete
{
    width: 100px;
}

.wsi-button-close
{
    width: 100px;
}

.wsi-button:hover {
    background: none repeat scroll 0% 0% rgba( 60, 60, 60, 1 );
}

.wsi-button-alt:hover {
    background: none repeat scroll 0% 0% rgba( 60, 60, 60, 1 );
}

#user_intf-modal
{
    width: 590px !important;
}

#searchString, #searchInboxString
{
    width: 9.3em !important;
    outline: none !important;
    background: #1d1d1d !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    border-radius: 5px !important;
    height: 29px !important;
    color: #fff !important;
    padding-left: 26px !important;
}
#searchString:-ms-input-placeholder
{
    color:#666 !important;
}

#searchStringTimedDelivery
{
    width: 9.3em !important;
    outline: none !important;
    background: #1d1d1d !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    border-radius: 5px !important;
    height: 29px !important;
    color: #fff !important;
    padding-left: 26px !important;
}

#searchStringTimedDelivery:-ms-input-placeholder
{
    color:#666 !important;
}


.password_inputs
{
    outline: none !important;
    background: #1d1d1d !important;
    border: 1px solid rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-radius: 5px !important;
    color: #fff !important;
    padding-left: 15px !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    width: 135px !important;
    float: right !important;
    right: 165px !important;
    height: 30px !important;
    margin-bottom: 0px !important;
    margin-top: 3px !important;
    margin-right: 8px;
}

.password_inputs::-webkit-input-placeholder {
    color: #666 !important;
}

.password_inputs:-moz-placeholder { /* Firefox 18- */
    color: #666 !important;
}

.password_inputs::-moz-placeholder {  /* Firefox 19+ */
    color: #666 !important;
}

.password_inputs:-ms-input-placeholder {
    color: #666 !important;
}

.upgrade_without_outline
{
    outline: none !important;
}

/* Accounts css end */
.profile_details
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #FFF !important;
    background: #3B3B3B !important;
    line-height: 34px;
    border: 1px solid #979797;
    border-radius: 5px !important;
    padding: 5px;
    height: 34px;
    margin: -8px -8px 5px -8px;
    border: 1px solid rgba(205, 123, 76, 0.3) !important;
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8) !important;
    color: #999 !important;
    background: #262626 !important;
}

.account-profile-image-container{
    display: table-cell;
    vertical-align: middle;
    width: 33px;
    height: 33px;
    max-height: 33px;
    max-width: 33px;
    text-align:center;

}

.profile_picture
{
    max-width: 42px;
    height: 35px;
    color: #DB6F00;
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 99%;
    max-height: 99%;
    position:relative;
}

.upgrade_width
{
    width: 120px !important;
    height: 34px;
}



.pass_icon
{
    width: 25px;
    height: 25px;
    border: 1px solid #FFF;
    background: #000 !important;
    margin-top: 4px;
}





.newsletter_details input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.newsletter_details input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.newsletter_details input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.newsletter_details input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.newsletter_details input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.newsletter_details input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */



.newsletter_details input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.newsletter_details input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.newsletter_details input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.newsletter_details input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.newsletter_details input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.newsletter_details input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */


.newsletter_icon
{
    width: 25px;
    height: 25px;
    border: 1px solid #FFF;
    background: #000 !important;
    margin-top: 4px;
}

.newsletter_status
{
    margin-right: 280px !important;
    margin-top: 12px;
}

.protection_status
{
    margin-right: 280px !important;
    margin-top: 12px;
    float: right;
}

/*.password_protection
    {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 16px;
        color: #999 !important;
        background: #262626 !important;
        line-height: 35px;
        border-bottom: 1px solid #000;
        padding: 5px;
        height: 35px;
        margin-top: 2px;
        width: 580px !important;
        margin-left: -15px !important;
    }*/

.password_protection input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.password_protection input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.password_protection input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.password_protection input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.password_protection input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.password_protection input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */


.password_protection input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.password_protection input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
}

.password_protection input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.password_protection input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.password_protection input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.password_protection input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */


.protection_icon
{
    width: 25px;
    height: 25px;
    border: 1px solid #FFF;
    background: #000 !important;
    margin-top: 4px;
}



/*.language_details
    {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 16px;
        color: #999 !important;
        background: #262626 !important;
        line-height: 35px;
        border-bottom: 1px solid #000;
        padding: 5px;
        height: 35px;
        margin-top: 2px;
        width: 580px !important;
        margin-left: -15px !important;
    }*/



.language_icon
{
    width: 25px;
    height: 25px;
    border: 1px solid #FFF;
    background: #000 !important;
    margin-top: 4px;
}

.total_details
{
    color: #FFF !important;
    background: #3B3B3B !important;
    line-height: 35px;
    border-bottom: 1px solid #000;
    padding: 5px;
    height: 35px;
    margin-top: 2px;
    width: 580px !important;
    margin-left: -15px !important;
}

.forfont
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
}

.total_picture
{
    width: 25px;
    height: 25px;
    border: 1px solid #FFF;
    background: #000 !important;
    margin-top: 4px;
}

.total_upgrade_width
{
    width: auto !important;
    padding: 0px 10px 0px 10px !important;
    margin-right: 5px !important;
    height: 34px;
}

.save_Pass_button
{
    padding: 0px 15px 2px 15px;
    border: 1px solid #8b8b8b;
    color: #DB6F00;
    cursor: pointer;
    font-size: 19px;
    border-radius: 5px;
    background: #262626;
    float: right;
    height: 30px;
    line-height: 24px;
    margin: 3px -15px 0px 0px;
}

.content input.save_Pass_button{
    font-size:19px;
    margin-top: 5px;
    width :100px;
}

.save_Pass_button:HOVER
{
    background: #3A3A3A;
    color: #DB6F00;
}

.profile_plus
{
    opacity: 0;
    width: 35px;
    height: 35px;
    position:absolute;
    color: #db6400;
    border-radius:3px;
}

.background{
    background: none repeat scroll 0 0 #000;
    height: 18px;
    margin: 9px auto;
    width: 15px;
    z-index: 0;
    opacity:0;
}

.background:HOVER
{
    opacity:1;
}

.profile_plus:HOVER
{
    opacity: 1;
}

.profile_plus_icon
{
    float: right;
}

.add-icon
{
    float: none !important;
    color: #db6f00;
    position: absolute;
    top: 70px;
    margin-left:60px;
}
.add-icon1
{

    color: #db6f00 !important;
    margin: 31px 72px 72px 84px !important;
}

/* Accounts css end */

/* Voucher Css Start */

.age_group_details
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #999 !important;
    background: #262626 !important;
    line-height: 30px;
    border-bottom: 1px solid #000;
    padding: 5px;
    height: 30px;
    margin-top: 2px;
    width: 580px !important;
    /*margin-left: -15px;*/


}

.gender_details
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #999 !important;
    background: #262626 !important;
    line-height: 30px;
    border-bottom: 1px solid #000;
    padding: 5px;
    height: 30px;
    margin-top: 2px;
    width: 580px !important;
    /*margin-left: -15px  !important;*/
}

.define_preferences
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #999 !important;
    background: none !important;
    line-height: 30px;
    border-bottom: 1px solid #000;
    padding: 0px;
    height: 30px;
    margin-top: 2px;
    width: 580px !important;
    /*margin-left: -15px !important;*/
}

.status_enable
{
    width: 400px;
}

.checkbox_left
{
    margin-left: 15px;
}

.checkbox_right
{
    margin-left: 20px;
}

.content_width
{
    width: 145px;
    margin-left: 5px;
}

.content_width1
{
    width: 120px;
    margin-bottom: 13px;
}

.voucher_details
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    color: #999 !important;
    background: #262626 !important;
    line-height: 30px;
    border-bottom: 1px solid #000;
    padding: 5px;
    height: 192px;
    margin-top: 2px;
    width: 580px !important;
    /*margin-left: -15px !important;*/
    position: absolute;
    font-weight:normal !important;
}

.voucher_details input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.voucher_details input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
    margin-right: 20px !important;
}

.voucher_details input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.voucher_details input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.voucher_details input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.voucher_details input[type=checkbox]:checked + label:before { letter-spacing: 10px; } /* allow space for check mark */



.voucher_details input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.voucher_details input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
    margin-right: 20px !important;
}

.voucher_details input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.voucher_details input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.voucher_details input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.voucher_details input[type=checkbox]:checked + label:before { letter-spacing: 10px; } /* allow space for check mark */

.voucher_status
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #999 !important;
    background: #262626 !important;
    line-height: 30px;
    border-bottom: 1px solid #000;
    padding: 5px;
    height: 30px;
    margin-top: 210px;
    width: 580px !important;
    /*margin-left: -15px !important;*/
}

.voucher_status input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.voucher_status input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
    margin-right: 20px !important;
}

.voucher_status input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.voucher_status input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.voucher_status input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.voucher_status input[type=checkbox]:checked + label:before { letter-spacing: 10px; } /* allow space for check mark */



.voucher_status input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.voucher_status input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
    margin-right: 20px !important;
}

.voucher_status input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.voucher_status input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.voucher_status input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.voucher_status input[type=checkbox]:checked + label:before { letter-spacing: 10px; } /* allow space for check mark */


.payment_terms_and_condition input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.payment_terms_and_condition input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.payment_terms_and_condition input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.payment_terms_and_condition input[type=checkbox]:checked + label:before { letter-spacing: 10px; } /* allow space for check mark */

.payment_terms_and_condition input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.payment_terms_and_condition input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #DB6F00;
    font-size: 20px;
    margin-right: 20px !important;
}

.save_changes_button
{
    padding: 2px 15px 4px 15px;
    border: 1px solid #8b8b8b;
    color: #DB6F00;
    cursor: pointer;
    font-size: 19px;
    border-radius: 5px;
    background: #262626;
    float: right;
    height: 30px;
    line-height: 24px;
    margin: 7px 0px 0px 0px;
}

.save_changes_button:HOVER
{
    background: #3A3A3A;
    color: #DB6F00;
}

.checkbox_width
{
    width: 23px;
}

.radGroup2, .radGroup3
{
    width: 65px;
}

.age_group_icon
{
    padding: 0 13px 0 12px;
    font-size: 15px;
}

.gender_group_icon
{
    padding: 0px 8px 0px 10px;
}

/* Voucher Css End */

/* Address Book Css Start */
.addressbook_details
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #FFF !important;
    background: #3B3B3B !important;
    line-height: 48px;
    border: 1px solid #979797;
    border-radius: 5px !important;
    padding: 5px;
    height: 65px;
    margin: -8px -8px 5px -8px;
}

a.contact-edit-cancel,
a.contact-add-cancel{
    color:#db6f00 !important;
    margin-left:5px !important;
    text-decoration:none;
}

/* Address Book Css End */

/* Timed delivery Css Start */



/*    .upload_item 
        {
            padding: 0 !important;
            padding-top: 1px !important;
            margin-bottom: 2px !important;
        }*/


.delivery_list_background
{
    background: #262626 !important;
    width: 590px !important;
    margin-left: -15px;
}

.delivery_list ul li
{
    list-style-type: none !important;
    padding: 0px !important;
    width: 100% !important;
}

#wsi-delivery-list
{
    padding: 0px !important;
    width: 100% !important;
}

.delivery_list_background
{
    height: 38px !important;
    display: inline-block;
    width: 97%;
    line-height: 36px;
    margin-bottom: 3px;
}

.delivery_list_background:HOVER
{
    background: #3B3B3B !important;
}




/* Timed delivery Css End */

.user_info_id
{
    width: 170px !important;
    margin-left:10px;
    overflow:hidden;
}

.chronik_upgrade
{
    height: 2.05em !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #DB6F00 !important;
    background: #111 !important;
    border: none !important;
    cursor: pointer !important;
    overflow: hidden !important;
    outline: none !important;
    -webkit-box-shadow: 0 0 3px rgba(219, 111, 0, 0.8);
    -moz-box-shadow: 0 0 3px rgba(219, 111, 0, 0.8);
    box-shadow: 0 0 3px rgba(219, 111, 0, 0.8)
}

.chronik_upgrade:HOVER
{
    background-color: Transparent !important;
    background-repeat: no-repeat !important;

    -webkit-box-shadow: 0 0 3px rgba(219, 111, 0, 0.8);
    -moz-box-shadow: 0 0 3px rgba(219, 111, 0, 0.8);
    box-shadow: 0 0 3px rgba(219, 111, 0, 0.8)
}

.chronik_extend
{
    width: 125px !important;
    height: 24px !important;
    font-size: 16px !important;
    font-weight: 400  !important;
    color: #DB6F00 !important;
    background-color: Transparent  !important;
    background-repeat:no-repeat  !important;
    border: none  !important;
    cursor:pointer  !important;
    overflow: hidden  !important;
    outline:none  !important;
    margin-right: 0px !important;
    width:130px !important;
}
.chronic_extend_text{
    color: #db6400;
}
.chronic_extend_icon{

}

.chronik_extend:HOVER
{
    background: #3A3A3A !important;
}

.chronik_close
{
    background:none !important;
    border:0px solid black !important;
    margin-left: 375px !important;
}

.chronik_close:HOVER
{
    background:none !important;
    border:0px solid black !important;
}

.chronic_pop_header
{

}

.fileinfo
{
    border: none !important;
    font-size: 16px !important;
    color: #999 !important;
    border-radius: 0px !important;
    margin-left: 185px;
    cursor:pointer !important;
}

.mailinfo
{
    border: none !important;
    font-size: 16px !important;
    color: #999 !important;
    border-radius: 0px !important;
    margin-left: 185px;
    cursor:pointer !important;
}

.recipientsinfo
{
    margin-top: 2px !important;
    border: none !important;
    font-size: 16px !important;
    color: #8B8B8B !important;
    border-radius: 0px !important;
}

.aliasinfo
{
    margin-top: 15px !important;
    border: none !important;
    font-size: 16px !important;
    color: #8B8B8B !important;
    border-radius: 0px !important;
    position: absolute;

}

.msginfo
{
    background: none !important;
    color: #FFF !important;
    margin-top: 2px !important;
    border: none !important;
    font-size: 16px !important;
    color: #8B8B8B !important;
    border-radius: 0px !important;
}

.expiryinfo
{

    color: #999 !important;
    background: none repeat scroll 0% 0% #3B3B3B !important;
    font-size: 16px !important;
    border-radius: 0px !important;
    margin: 2px 0px 18px 17.1px !important;
    width: 94% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: hidden;
}
.expiryinfoInner
{
    color: #999 !important;
    background: none repeat scroll 0% 0% #232323 !important;
    font-size: 16px !important;
    border-radius: 0px !important;
    padding: 5px 0px !important;
    height: 20px;
    overflow: hidden;
}

.mynewcolor
{
    color: #DB6F00 !important;
    border-radius: 5px !important;
    background: #262626 !important;
}

.mynewcolor:HOVER
{
    color: #FFF !important;
    background: #3A1E0C !important;
}

/*.userUploadList
    {
        margin-right: 15px !important;
    }*/

.filename
{

    font-size: 16px !important;
    color: #999 !important;
    list-style: none;
    padding: 0px !important;

}

.filename_time_delivery
{
    margin-left: 10px;
}

.filename_chronic{


    margin-left: 44px !important;
    line-height: 23px;

    float:left;

}

.datetime
{
    font-size: 16px !important;
    color: #999 !important;
    cursor:pointer !important;
    width: 175px;
    position: absolute;
}

#userUploadList
{
    width: 100% !important;
}

/*    .upload_list
        {
            width: 590px !important;
            margin-left: -15px !important;
        }*/

.contact_list
{
    width: 590px !important;
    padding: 0px;
}

.contact_list li
{
    border-bottom: 0px !important;
    display: block;
}


.md-content.userlayer .upload_list .contact_list .info li.info_item
{
    padding: 0 !important;
    background: none!important;
    color: #999 !important;
    width: 91% !important;
}

/* Payment Layer Starts Here */
.payment_layer .odd{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    height:50px;
    padding:25px;
    padding-left:30px;
}
.payment_layer .step-1-odd{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    padding:15px 25px 15px 30px;
}

.payment_layer .step-2-odd{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    height:50px;
    padding:10px;
    padding-left:37px;
}

.payment_layer .step-3-odd{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    height:50px;
    padding:10px;

    padding-left: 39px;
}

.payment_layer .even{
    height:50px;
    padding:20px;
    padding-left:30px;
}
.payment_layer .step-2-even{
    height:50px;
    padding:20px;
    padding-left:24px;
}
.payment_layer .even div{
    margin-top: 2px;
}
.payment_layer .form_left {
    float: left;
    width: 50%;
}
.payment_layer .form_right {
    float: right;
    width: 50%;
}
.payment_layer .form_cont {
    float: left;
}
.payment_layer .form_cont .label_box {
    float: left;
    width: 110px;
}
.payment_layer .form_cont .inp_box {
    float: left;
}
.payment_layer .even div{
    margin-top: 0px;
}

.payment_layer .input_text{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 0 rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: #eee;
    padding:5px;
    width:150px;

}

.payment_layer .no-padding{
    padding:0px;
}

.payment_layer .nav{
    list-style:none;
    padding-top:10px;
    font-size:1.0em !important;
}

.payment_layer .nav li{
    float:left;
    margin-right:15px;
}

.payment_layer .nav li a{
    color:#fff;
    text-decoration:none;
}

.payment_layer .nav li a:hover{
    color:#FFF;
    text-decoration:none;
}

.payment_layer .nav li.active a{
    color:#FFF;
    text-decoration:none;
    font-weight: bold;
    font-size: 0.9em !important;
}

.payment_layer .card-expiry-date-select{
    color: #eee;
}
/* Payment Layer Ends Here */

.upload_list li
{
    border-bottom: 0px !important;

}

.upload_date_info
{
    margin-right: 85px !important;
    border-radius: 5px !important;
    border: 1px solid #8b8b8b !important;
    padding: 2px 6px 2px 6px !important;
    background: #262626 !important;
    font-size: 18px !important;
    color: #DB6F00 !important;
}


.upload_date_info:HOVER
{
    background: #3A3A3A !important;
}

/*.upload_list_background
    {
        background: #262626 !important;
        padding: 8px 9px 8px 9px !important;
        display: inline-block;
        width: 97%;
    }*/

.upload_list_background{
    background: #262626 !important;
    padding: 10px 18px 10px 16px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.contact_list_background
{
    background: #262626 !important;
    display: inline-block;
    width: 97%;
    margin-right: 0px;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 3px;
    height: 40px;
}

.recipients_background_empty
{
    background: none repeat scroll 0% 0% #232323 !important;
    width: 99% !important;
    padding: 5px 5px 5px 0px !important;
    display: inline-block !important;
}

.recipients_background
{
    background: none repeat scroll 0% 0% #232323 !important;
    width: 99% !important;
    padding: 5px 5px 5px 0px !important;
    display: inline-block !important;
}
.recipients_background:hover
{
    background: none repeat scroll 0% 0% #3B3B3B !important;

}

ul .recipients_list li
{

    margin-bottom: 1px !important;
    background: #303030 !important;
}

.fl_middle
{
    width: 200px;
    float: right;
}



.recipient_mail_id
{
    margin-left: 33px !important;
}
.recipient_mail_date{
    width: 252px!important;
    text-align: right;
    padding-right: 10px;
}

.message_info
{
    background: #303030 !important;
    padding: 5px 29px 5px 35px !important;
}

.message_box_header
{
    background: #232323 !important;
    padding: 5px 0 !important;
}

.wsi-contact-list
{
    padding: 10px 10px;
    background: none repeat scroll 0% 0% rgba( 0, 0, 0, 0.8 );
    color: #DB6F00;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 3px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    font-family: "Open Sans Condensed",sans-serif;
}

.wsi-contact
{
    padding: 10px 20px;
    background: none repeat scroll 0% 0% rgba( 0, 0, 0, 0.8 );
    color: #999;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #DB6F00;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 3px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    font-family: "Open Sans Condensed",sans-serif;
}

.icon_margin
{
    margin: 0 5px 0 5px;
}

.icon_color
{
    color: #DB6F00;
    cursor: pointer;
}

.icon_color1
{
    color: #fff;
    cursor: pointer;
}

#sagepay_message > h3 {
    font-size: 1.7em !important;
}

.chronic_upgrade_text
{
    color: #999 !important;
    font-weight: 400;
    /*        margin-left: -10px;*/

    line-height: 0px !important;
}
.upload_item
{
    padding: 0 !important;
    padding-top: 1px !important;
    margin-bottom: 2px !important;
}

.contact_item
{
    padding: 0 !important;
    padding-top: 1px !important;
    margin-bottom: 2px !important;
    max-height: 45px;
    height: 45px;
    cursor: pointer;
}

.upload_item:last-child
{
    padding: 0 !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.file_list_plus{
    color: #fe8d00;
    font-weight: 400;
    margin-right: 51px;
    top: -27px;
    position: relative;
    font-size: 16px;
    cursor:pointer;
    margin-bottom:-18px;

}
.file_list_plus span{
    color: #999 !important;
    font-weight: 300;

}
.close_user_dashboard{
    font-size:20px !important;

    left: 568px;
    background-color: #db6400 !important;
    border-radius: 15px;
    margin-top: -10px !important;
    margin-left: 10px !important;
    overflow:visible !important;
    padding:1px !important;
}

.info_item_style
{
    width: 91% !important;
}

.uploads-info-new
{
    border: 1px solid rgba(205, 123, 76, 0.3) !important;
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8) !important;
    color: #999 !important;
    background: #262626 !important;
}

.uploads-info{
    padding-right:1px !important;
}


#searchStringContacts {
    width: 9.4em !important;
    outline: medium none !important;
    background: none repeat scroll 0% 0% #1D1D1D !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    border-radius: 5px !important;
    height: 29px !important;
    color: #fff !important;
    padding-left: 33px !important;
}
#searchStringContacts:-ms-input-placeholder
{
    color:#666 !important;
}
.tabInnerHeader
{

    font-size: 16px !important;
    border-radius: 5px;
    font-weight: 400;
    border: 1px solid rgba(205, 123, 76, 0.3) !important;
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8) !important;
    color: #999 !important;
    background: #262626 none repeat scroll 0% 0% !important;
    height: 34px;
    line-height: 34px;
    padding: 5px 5px 5px 5px;
    margin: -8px -8px 7px;
    width: 563px;

}

.wsi-button-alt
{
    height: 25px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #DB6F00 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    border: medium none !important;
    cursor: pointer !important;
    overflow: hidden !important;
    outline: medium none !important;
}

.wsi-contact-alias
{
    border: medium none !important;
    font-size: 16px !important;
    color: #8B8B8B !important;
    border-radius: 0px !important;
    position: absolute;
    cursor: pointer;
    margin-left: 265px;
    margin-top: 2px;
    width: 160px;
    overflow-x: hidden;
    line-height:22px;
}

.wsi-contact-mail
{
    border: medium none !important;
    font-size: 16px !important;
    color: #999 !important;
    border-radius: 0px !important;
    margin-left: 11px;
    cursor: pointer !important;
    margin-top: 2px;
    position: absolute;
    width: 245px;
    overflow-x: hidden;
    line-height:22px;
}

.wsi-contact-company
{
    border: medium none !important;
    font-size: 16px !important;
    color: #999 !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    float: right;
    margin-top: 2px;
    margin-left: 320px;
    display: none;
    position: absolute;
}

.wsi-contact-inline
{
    height: 45px;
}

.wsi-contact-inline:hover
{
    background-color: #3B3B3B;
}


.wsi-contact-icon
{
    color: rgb(219,111,0);
    font-size: 20px;
    float: left;
    margin-top: 6px;
}

.wsi-contact-icon-add
{
    padding-top: 5px;
    margin-left: 2px;
}



.wsi-contact-edit
{
    cursor: pointer;
    margin-right: 15px;
}

.wsi-contact-edit:hover
{
    color: #8B8B8B;
}

.wsi-contact-delete
{
    cursor: pointer;
    margin-left: 2px !important;
}

.wsi-contact-delete:hover
{
    color: #8B8B8B;
}

.wsi-contact-info
{
    cursor: pointer;
    margin-right: 25px;
}

.wsi-contact-info:hover
{
    color: #8B8B8B;
}

.wsi-contact-info-empty
{
    cursor: pointer;
    margin-right: 25px;
    color: #8B8B8B;
}

.wsi-contact-save
{
    font-size: 22px;
    cursor: pointer;
    float: right;
    margin-top: 47px;
    margin-right: 20px;
}

.wsi-contact-save:hover
{
    color: #8B8B8B;
}

.wsi-contact-edit-cancel
{
    float: right;
    margin-top: -23px;
    font-size: 22px;
    margin-right: -15px;
}
}

.wsi-contact-edit-cancel:hover
{
    color: #8B8B8B;
}

.wsi-contact-add
{
    color: #989898 !important;
}

.wsi-button-text
{
    margin-left: 8px;
}


/* -------- GENERAL STYLE CLASSES TODO: to move to higher level CSS ----------- */

.wsi-input
{
    width: 10.5em !important;
    outline: medium none !important;
    background: none repeat scroll 0% 0% #1D1D1D !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    border-radius: 5px !important;
    height: 29px;
    color: #7C7C7C !important;
    padding-left: 5px !important;
}

.wsi-dashboard-tab-body
{
    height: 375px;
    overflow: hidden;
    position: relative;
}

.wsi-inline-item-text
{
    margin-top: 3px;
    overflow: visible;
    width: 30%;
}

.wsi-item-edit-group
{
    margin-top: 2px;
    float: right;
    color: #DB6F00 !important;
    position: absolute;
    margin-left: 434px;
}

.wsi-upload-edit-group
{
    margin-top: 2px;
    float: right;
    color: #DB6F00 !important;
    position: relative;
    width: 30%;
    text-align: right;
}

.wsi-inline-button
{
    color: #DB6F00 !important;
    cursor: pointer;
}

.wsi-inline-button:hover
{
    color: #989898 !important;
}

.wsi-inline-item
{
    color: #989898;
    cursor: pointer;
    font-size: 20px !important;
    font-family: "Open Sans Condensed",sans-serif;
    background: #262626 !important;
    padding: 11px 18px 6px 19px;
    display: -webkit-inline-flex;

    display: inline-flex;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 3px !important;
    height: 44px;
    cursor: pointer;
    max-height: 45px;
    list-style:none;
}

.wsi-inline-item-view
{

}

.wsi-inline-item-edit
{
    margin-top: -45px;
    width: 570px;
    visibility: hidden;

}


.wsi-inline-item:hover
{
    background-color: #3B3B3B !important;
}

.wsi-inline-item-icon
{
    color: #989898 !important;
    font-size: 17px !important;
    float: left;
    margin-top: 4px;
    margin-left: 2px;
}

.wsi-inline-item-icon-clickable
{
    color: #DB6F00 !important;
    font-size: 22px !important;
    float: left;
}

.wsi-inline-item-icon-clickable:hover
{
    color: #DB6F00 !important;
}

.wsi-inline-button-icon
{
    color: #DB6F00 !important;
}

.wsi-inline-button-icon-gray
{
    color: #989898 !important;
}

.wsi-inline-button-icon:hover
{
    color: #989898 !important;
}

.wsi-main-upload-input
{

}

.wsi-button-active
{
    background-color: rgb(219, 111, 0);
    color: rgb(238, 238, 238) !important;
}

/* -------- END GENERAL STYLE CLASSES ----------- */

.wsi-contact-input-name
{
    position: absolute;
    margin-left: 167px;
    margin-top: 43px;
    width: 148px !important;
}

.wsi-contact-input-email
{
    position: absolute;
    margin-left: 13px;
    margin-top: 43px;
    width: 148px !important;
}
.wsi-contact-input-company
{
    position: absolute;
    margin-left: 321px;
    margin-top: 43px;
    width: 148px !important;
}


.wsi-contact-input-name-add
{
    position: absolute;
    margin-left: 184px;
    margin-top: 3px;
    width: 148px !important;
}

.wsi-contact-input-email-add
{
    position: absolute;
    margin-left: 30px;
    margin-top: 3px;
    width: 148px !important;
}

.wsi-contact-input-company-add
{
    position: absolute;
    margin-left: 338px;
    margin-top: 3px;
    width: 148px !important;
}

.wsi-contact-edit-cancel-add
{
    float: right;
    position: relative;
    margin-right: 5px;
    margin-top: 6px;
    font-size:22px !important;
}

.wsi-contact-edit-cancel-add:hover
{
    color: #989898 !important;
}

.wsi-contact-save-add
{
    margin-left: -37px;
    float: right;
    position: absolute;
    margin-top: 6px;
    font-size: 22px !important;
    color: #DB6F00 !important;
}

.wsi-contact-save-add:hover
{
    color: #989898 !important;
}



.search_icon_style
{
    position: absolute;
    font-size: 0.9em !important;
    margin: 12px 0px 0px 7px;
    color: #444;
}

.upload_list_background:HOVER
{
    background: #3B3B3B !important;
}

/* .language_change
    {
            color: #DB6F00;
            position: absolute;
            margin-top: 0.29em;
            font-size: 24px;
            margin-left: 0.03em;
    }

    .radio_inner
    {
            color: #DB6F00;
            font-size: 0.78em;
            margin-left: 6px;
            position: relative;
    } */


.language_change
{
    color: #DB6F00;
    position: absolute;
    margin-top: 0.4em;
    font-size: 20px;
    margin-left: 0.04em;
}

.radio_inner
{
    color: #DB6F00;
    font-size: 0.66em;
    margin-left: 5px;
    position: absolute;
    margin-top: 13px;
}

.wsi-button_password
{
    width: 100px;
    height: 35px;
    background: #262626;
    color: #DB6F00;
    border: 1px solid #8b8b8b;
    border-radius: 5px;
    font-size: 19px !important;
}

.wsi-button_password:HOVER
{
    background: #3A3A3A;
    color: #DB6F00;
}

.popup_password
{
    left: 714px !important;
    width: 300px !important;
}

.account_msg{
    text-align:center;
}


/* Personalize Tab Style */


.wsi-personalize
{
    font-size: inherit !important;
}

.wsi-personalize-collumn-left
{
    float: left;
    width: 287px;
    max-width: 287px;
    margin-left: -8px;
}



.wsi-personalize-collumn-right
{
    float: right;
    width: 341px;
    max-width: 285px;
    height: 335px;
    margin-left: 283px;
    position: absolute;
}

.wsi-personalize-step
{
    max-height: 48px;
    height: 48px;
}

.wsi-personalize-step-small
{
    max-height: 200px;
    height: 200px;
    width: 140px;
    float:left;
}

.wsi-personalize-step-small-padded
{
    max-height: 200px;
    height: 200px;
    width: 140px;
    padding-left: 1px;
    float:left;
}

.wsi-personalize-step-title
{
    color: #999;
    background-color: rgb(38, 38, 38);
    vertical-align: middle;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 0px;
    font-size: 16px !important;
    height: 23px;
}
.wsi-personalize-step-title-wallpapers
{
    color: #999;
    background-color: rgb(38, 38, 38);
    vertical-align: middle;
    padding-left: 12px;
    padding-top: 5px;
    font-size: 16px !important;
    padding-bottom: 5px;
    border-radius: 3px;
}

.wsi-personalize-step-number
{
    padding-right: 10px;
    font-size: 16px;
}

.wsi-personalize-step-number-logo
{
    padding-top: 4px;
    width: 95px;
    float: left;
}

.wsi-personalize-step-number-profile
{
    padding-top: 4px;
    width: 95px;
    float: left;
}

.wsi-personalize-step-content
{
    background-color: #303030;
    height: 45px;
    border-radius: 3px 3px 3px 3px;

}

.wsi-personalize-step-content-first
{
    background-color: #303030;
    height: 45px;
    border-radius: 0px 0px 3px 3px;

}

.wsi-personalize-step-content:hover
{
    background-color: #323232;
}

.wsi-personalize-step-content-large
{
    max-height: 145px;
    height: 145px;
    background-color: #303030;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-top: 5px;

}

.wsi-personalize-step-content-large-logo
{
    max-height: 113px;
    height: 113px;
    background-color: #262626;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.wsi-personalize-step-icon {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 5px;
}


.wsi-personalize-step-info
{
    float: right;
    font-size: 16px;
    margin: 13px 3px 3px;
    color:#999;
    cursor: pointer;
}

.wsi-personalize-step-info:hover
{
    color: rgb(219,111,0) !important;
}

.wsi-personalize-step-info-wallpaper
{
    float: right;
    font-size: 16px;
    margin: 0px 3px 3px 3px;
    color:#999;
}

.wsi-personalize-input-image
{
    width: 182px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    height: 100px;
    padding-top: 37px;
    font-size: 28px;
    color: #727272;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    background-image: url(../images/user_dashboard/personalize/personalize-wallpaper-container.png);

    background-position: center center;

    background-repeat: no-repeat;


    background-size: 100%;

}

.wsi-personalize-input-image:last-child {
    margin-right: 0px !important;
}

.wsi-personalize-wallpapers-inner
{
    width: 167px;
    height: 97px;
    position: absolute;
    margin-left: 7px;
    margin-top: -30px;
    background-color: #262626;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.wsi-personalize-image-container{

    display: table-cell;
    vertical-align: middle;
    height: 97px;
    width: 167px;
    position:absolute;
}

.wsi-personalize-wallpapers-inner:hover
{
    box-shadow: 0px 0px 5px rgba(219, 111, 0, 0.8);
    color: #989898 !important;

}

.wsi-personalize-input-image-wide:hover
{
    box-shadow: 0px 0px 2px rgba(219, 111, 0, 0.8);
    color: #989898 !important;

}

.wsi-personalize-input-image:hover
{
    color: #989898 !important;
}

.wsi-personalize-input-image-wide
{
    width: 140px;
    text-align: center;
    vertical-align: middle;
    background-color: #303030;
    border-radius: 3px;
    height:113px;

    font-size: 28px;
    color: #727272;
    cursor:pointer;
    display: table-cell;
    vertical-align: middle;
    max-width: 140px;
    max-height: 113px;
}

.wsi-personalize-input-domain
{
    width: 100px;
    outline: medium none !important;
    background: none repeat scroll 0% 0% #1D1D1D !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    border-radius: 5px !important;
    height: 33px !important;
    color: #7C7C7C !important;
    padding-left: 5px !important;
    box-sizing: border-box;
}

.wsi-personalize-input-subdomain
{
    width: 150px;
    outline: medium none !important;
    background: #262626 none repeat scroll 0% 0% !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    border-radius: 5px !important;
    height: 31px !important;
    color: #fff !important;
    padding-left: 5px !important;
    box-sizing: border-box;
    text-align: right;
    margin-top: 7px;
    margin-left: 12px;
    margin-right: 2px;
}

.wsi-personalize-main-domain
{
    margin-top: 12px;
    position: absolute;
}

.wsi-personalize-input-text
{
    outline: medium none !important;
    background: #262626 none repeat scroll 0% 0%;
    border: 1px solid rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 0px rgba(205, 123, 76, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    border-radius: 5px !important;
    height: 33px !important;
    color: #fff !important;
    box-sizing: border-box;
    padding-left: 10px;
    width: 240px;
    margin-top: 6px;
    margin-left: 11px;
    margin-right: 2px;

    position: absolute;
}

.wsi-personalize-button
{

    overflow: hidden !important;
    outline: medium none !important;
    right: 30px;
    position: absolute !important;
    top: 12px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    padding: 2px 10px 2px 10px;
    border: 1px solid #8b8b8b !important;
    color: #ffffff !important;
    cursor: pointer !important;
    font-size: 19px !important;
    border-radius: 5px !important;
    background: #DB6F00 !important;
    float: right !important;
    height: 30px !important;
    line-height: 24px !important;
    margin: 3px -15px 0px 0px !important;

}

.wsi-personalize-button:hover
{
    color: #989898;
    background-color: #323232;
}

.wsi-personalize-button-grey
{

    overflow: hidden !important;
    outline: medium none !important;
    right: 30px;
    position: absolute !important;
    top: 12px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    padding: 2px 10px 2px 10px;
    border: 1px solid #8b8b8b !important;
    color: #DB6F00 !important;
    cursor: pointer !important;
    font-size: 19px !important;
    border-radius: 5px !important;
    background: #262626 !important;
    float: right !important;
    height: 30px !important;
    line-height: 24px !important;
    margin: 3px -15px 0px 0px !important;

}

.wsi-personalize-button-grey:hover
{

    background: none repeat scroll 0% 0% #333 !important;
    outline: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58) !important;
    cursor: pointer !important;

}

.wsi-personalize-image-icon
{
    margin-top: 31px;
}

.wsi-personalize-label
{
    display: inline;
    margin-left:9px;
}

.wsi-personalize-subdomain-label
{
    display: inline;
    margin-left: 10px;
}

.wsi-personalize-button-edit
{
    float: right;
    margin-top: 5px;
    margin-right: 17px;
    font-size:20px !important;
}

.wsi-personalize-button-edit:hover
{
    color: #989898 !important;
}

.wsi-personalize-edit-title-button{
    margin-top:-10px;
}
.wsi-personalize-edit-wallpaper-url-button{
    margin-top:-10px;
}
.wsi-personalize-bottom{
    float: left;
    position: absolute;
    margin-top: 146px;

    margin-left: -8px;
    width: 576px;
    border-radius:3px;
}

/* PAYMENT MODAL */

.wsi-payment-method-button {
    display: inline-block;
    height: 80px;

    text-align: center;
    vertical-align: middle;
    padding-top: 60px;
    border-radius: 3px;

    color: #D0D0D0;
    font-size: 80px;

    cursor: pointer;

}

.wsi-payment-method-button:hover {

}

.wsi-payment-method-button:last-child {

    margin-right: 0px !important;
}

.wsi-payment-method-button-paypal
{
    height: 115px;
    float:left;
    margin-left: 10px;
    margin-right: 16px;
}

.wsi-payment-method-button-creditcard
{

    height: 130px;
    float:left;
}
.wsi-payment-method-button-creditcard i
{

    margin-right:16px;
}
.wsi-payment-method-button-creditcard i:last-of-type
{

    margin-right:0px;
}

.wsi-payment-modal
{

    left: 700px;
    -webkit-box-shadow: 0px 0px 47px 13px rgba(0,0,0,0.22) !important;
    -moz-box-shadow: 0px 0px 47px 13px rgba(0,0,0,0.22) !important;
    box-shadow: 0px 0px 47px 13px rgba(0, 0, 0, 0.67) !important;
    -webkit-box-shadow: inset 0px 0px 47px 13px rgba(255,255,255,0.43) !important;
    -moz-box-shadow: inset 0px 0px 47px 13px rgba(255,255,255,0.43) !important;
    box-shadow: inset 0px 0px 47px 13px rgba(255,255,255,0.43) !important;
    z-index: 5000;
    width: 558px !important;

    margin-left: -2px;
}



.wsi-payment-modal-content
{
    background-color: #262626;
    height:482px;
}


.wsi-dashboard-search
{
    float: right !important;

}

.wsi-dashboard-header
{

}

.wsi-dashboard-content
{
    padding: 0px !important;
}

.wsi-upgrade-button
{
    display: inline-block !important;
}

.wsi-account-resume
{
    float: right;
    display: inline-block;
    /*margin-top: -32px;*/
    margin-right: 8px;
}

.wsi-image-thumbnail-small
{
    z-index: 100;
    display: none;
    border-radius: 1px;
    width: 100%;
    height: 100%;

}

.wsi-image-thumbnail
{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    display: none;
    height: auto;
    max-height: 90%;
    max-width: 90%;
}
/*
    .add-icon{
        visibility:hidden !important;
     }
    
    .add-icon:hover{ 
        visibility:visible !important;
     } */
/* Address Book Subscribe panel
          START
    */
.wsi-address-book-subscribe-panel
{
    z-index: 9998;
    display: none;
    position: absolute;
    width: 96%;
    height: 418px;
    background-color: #DB6F00;
    opacity: 0.50;
    padding: 5px;
    border-radius: 5px;
    margin-top: 8px;
    margin-left: 7px;
    -webkit-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.5);
}

.wsi-address-book-subscribe-panel-content
{
    height: 235px;
    width: 300px;
    margin: 50px auto 0px;
    color: #D6D6D6;
    padding: 30px;
    border-radius: 5px;
}


.wsi-address-book-subscribe-lock-icon
{
    font-size: 250px !important;
    margin-left: 70px;
    position: absolute;
    cursor: pointer;
    text-shadow: 0px 0px 16px #434343;
}


.wsi-subscribe-pro-icon
{
    position: absolute;
    font-size: 35px;
    color: #222222;
    margin-left: 137px;
    margin-top: 165px;
    cursor: pointer;
}


.wsi-address-book-subscribe-text
{
    margin-top: 130px;
    position: absolute;
    color: rgb(219, 111, 0);
    margin-left: 95px;
    font-size: 25px;
    cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wsi-address-book-subscribe-text {
        margin-top: 130px;
        position: absolute;
        color: rgb(219, 111, 0);
        font-size: 24px;
        cursor: pointer;
    }
}

.wsi-address-book-subscribe-plan-text
{
    position: absolute;
    color: rgb(219,111,0);
    margin-left: 120px;
    margin-top: 185px;
    font-size: 20px;
    cursor: pointer;
}
/* Address Book Subscribe panel
          END
    */

/* Timed Delivery Subscribe panel
          START
    */
.wsi-timed-delivery-subscribe-panel
{
    z-index: 9998;
    display: none;
    position: absolute;
    width: 565px;
    height: 418px;
    background-color: #DB6F00;
    opacity: 0.50;
    padding: 5px;
    border-radius: 5px;
    margin-top: 8px;
    margin-left: 7px;
    -webkit-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.5);
}

.wsi-timed-delivery-subscribe-panel-content
{
    height: 235px;
    width: 300px;
    margin: 50px auto 0px;
    color: #D6D6D6;
    padding: 30px;
    border-radius: 5px;
}


.wsi-timed-delivery-subscribe-lock-icon
{
    font-size: 250px !important;
    margin-left: 70px;
    position: absolute;
    cursor: pointer;
    text-shadow: 0px 0px 16px #434343;
}



.wsi-timed-delivery-subscribe-text
{
    margin-top: 130px;
    position: absolute;
    color: rgb(219, 111, 0);
    margin-left: 95px;
    font-size: 25px;
    cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wsi-timed-delivery-subscribe-text {
        margin-top: 130px;
        position: absolute;
        color: rgb(219, 111, 0);
        margin-left: 77px;
        font-size: 23px;
        cursor: pointer;
    }
}

.wsi-timed-delivery-subscribe-plan-text
{
    position: absolute;
    color: rgb(219,111,0);
    margin-left: 120px;
    margin-top: 185px;
    font-size: 20px;
    cursor: pointer;
}
/*Timed Delivery Subscribe panel
          END
    */

/* Personalize Subscribe panel
          START
    */
.wsi-personalize-subdomain-check{
    position: absolute;
    margin-left: 87px;
    margin-top: 12px;
    font-size: 16px;
    color: green;
    display:none;
}
.wsi-personalize-subdomain-cross{
    position: absolute;
    margin-left: 87px;
    margin-top: 12px;
    font-size: 16px;
    color: red;
    display:none;
}

.wsi-personalize-save-check{
    position: absolute;

    font-size: 16px;
    color: green;
    display:none;
}
.wsi-personalize-save-cross{
    position: absolute;

    font-size: 16px;
    color: red;
    display:none;
}

.wsi-personalize-save-loading{
    position: absolute;

    font-size: 16px;
    color: #db6400;
    display:none;
}

.wsi-personalize-subscribe-panel
{
    z-index: 9998;
    display: none;
    position: absolute;
    width: 96%;
    height: 418px;
    background-color: #DB6F00;
    opacity: 0.50;
    padding: 5px;
    border-radius: 5px;
    margin-top: -8px;
    margin-left: -8px;
    -webkit-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0, 0.15);
    -moz-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0, 0.15);
    box-shadow: inset 0px 0px 112px 0px rgba(0,0,0, 0.5);
}

.wsi-personalize-subscribe-panel-content
{
    height: 235px;
    width: 300px;
    margin: 50px auto 0px;
    color: #D6D6D6;
    padding: 30px;
    border-radius: 5px;
}


.wsi-personalize-subscribe-lock-icon
{
    font-size: 250px !important;
    margin-left: 70px;
    position: absolute;
    cursor: pointer;
    text-shadow: 0px 0px 16px #434343;
}


.wsi-personalize-subscribe-business-icon
{
    position: absolute;
    font-size: 35px;
    color: #DB6F00;
    margin-left: 133px;
    margin-top: 165px;
    cursor: pointer;
}

.wsi-personalize-subscribe-text
{
    margin-top: 130px;
    position: absolute;
    color: rgb(219, 111, 0);
    margin-left: 95px;
    font-size: 25px;
    cursor: pointer;


}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
    /*::i-block-chrome,.wsi-personalize-subscribe-text {*/
        /*margin-top: 130px;*/
        /*position: absolute;*/
        /*color: rgb(219, 111, 0);*/
        /*margin-left: 77px;*/
        /*font-size: 23px;*/
        /*cursor: pointer;*/
    /*}*/
/*}*/

.wsi-personalize-subscribe-plan-text
{
    position: absolute;
    color: rgb(219,111,0);
    margin-left: 120px;
    margin-top: 185px;
    font-size: 20px;
    cursor: pointer;
}
.wsi-wallpaper-remove{
    position:absolute;
    z-index:250;

}

.wsi-personalize-subdomain-invalid{
    border: 1px solid rgba(219, 111, 0, 1) !important;
    box-shadow: 0 0 5px rgba(219, 111, 0, 1) !important;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.wsi-personalize-wallpaper-icons-container{
    margin-left: 70px;
    position: absolute;
}
/* Personalize Subscribe panel
          END
    */
/* Voucher Subscribe panel
START
    */
.voucher_content-upgrade-button-large
{
    height: 235px;
    width: 300px;
    margin: 95px auto 0px 145px;
    color: #D6D6D6;
    border-radius: 5px;
    position: absolute;
    z-index: 9999;
    opacity: 0.9;
}

.voucher_content-subscribe-panel
{
    z-index: 9998;
    display: none;
    position: absolute;
    width: 96%;
    height: 418px;
    background-color: #DB6F00;
    opacity: 0.50;
    padding: 5px;
    border-radius: 5px;
    margin-top: 8px;
    margin-left: 7px;
    -webkit-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.5);
}

.voucher_content-subscribe-panel-content
{
    height: 235px;
    width: 300px;
    margin: 50px auto 0px;
    color: #D6D6D6;
    padding: 30px;
    border-radius: 5px;
}


.voucher_content-subscribe-lock-icon
{
    font-size: 250px !important;
    margin-left: 70px;
    position: absolute;
    cursor: pointer;
    text-shadow: 0px 0px 16px #434343;
}

.voucher_content-subscribe-text
{
    margin-top: 130px;
    position: absolute;
    color: rgb(219, 111, 0);
    margin-left: 95px;
    font-size: 25px;
    cursor: pointer;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
    /*.voucher_content-subscribe-text {*/
        /*margin-top: 130px;*/
        /*position: absolute;*/
        /*color: rgb(219, 111, 0);*/
        /*margin-left: 77px;*/
        /*font-size: 23px;*/
        /*cursor: pointer;*/
    /*}*/
/*}*/

.voucher_content-subscribe-plan-text
{
    position: absolute;
    color: rgb(219,111,0);
    margin-left: 120px;
    margin-top: 185px;
    font-size: 20px;
    cursor: pointer;
}
/* Voucher Subscribe panel
          END
    */
.wsi-option-lock{
    z-index:9998;
}

.wsi-upgrade-button-large
{
    width: 300px;
    margin: 40px auto 0px;
    color: #D6D6D6;
    margin-left: 130px;
    border-radius: 5px;
    position: absolute;
    z-index: 9999;
    opacity: 0.9;
}

.wsi-upgrade-button-large h4
{
	text-align: center;
}

.wsi-address-book-upgrade-button-large
{
    height: 235px;
    width: 300px;
    margin: 95px auto 0px 145px;
    color: #D6D6D6;
    border-radius: 5px;
    position: absolute;
    z-index: 9999;
    opacity: 0.9;
}

.wsi-timed-delivery
{
    width: 590px;
}

.boxFAQ {
    background: #DB6F00;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-color: #fff;
    -moz-border-color: #fff;
    -webkit-border-color: #fff;
    padding: 10px 20px;
    position: relative;
    text-align: justify;
    line-height: 30px;
    margin-bottom:5px;
    margin-left: 5px;
    color: #fff !important;
}

.boxFAQ .divTitle {
    border-color: transparent #CCCCCC transparent transparent;
    border-style: solid;
    border-width: 10px;
    display: block;
    height: 0;
    left: -20px;
    position: absolute;
    top: 20px;
    width: 0;
}
div[class^="wsi-download-tooltip-"], div[class*=" wsi-download-tooltip-"] {
    background: #DB6F00;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-color: #fff;
    -moz-border-color: #fff;
    -webkit-border-color: #fff;
    padding: 10px 20px;
    position: relative;
    text-align: justify;
    line-height: 30px;
    margin-bottom:5px;
    margin-left: 5px;
    color: #fff !important;
}

.wsi-download-tooltip .divTitle {
    border-color: transparent #CCCCCC transparent transparent;
    border-style: solid;
    border-width: 10px;
    display: block;
    height: 0;
    left: -20px;
    position: absolute;
    top: 20px;
    width: 0;
}

div[class^="wsi-delete-tooltip-"], div[class*=" wsi-delete-tooltip-"] {
    background: #DB6F00;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-color: #fff;
    -moz-border-color: #fff;
    -webkit-border-color: #fff;
    padding: 10px 20px;
    position: relative;
    text-align: justify;
    line-height: 30px;
    margin-bottom:5px;
    margin-left: 5px;
    color: #fff !important;
}

.wsi-delete-tooltip .divTitle {
    border-color: transparent #CCCCCC transparent transparent;
    border-style: solid;
    border-width: 10px;
    display: block;
    height: 0;
    left: -20px;
    position: absolute;
    top: 20px;
    width: 0;
}

.wsi-chronic-popup{
    border: 1px solid rgba(205, 123, 76, 0.3);
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    background: none repeat scroll 0% 0% #262626;
    width:561px;
    height:360px;
    padding:5px 5px 5px 5px;
    overflow-x:hidden;
    overflow-y:hidden;
    color:#999;
    border-radius:5px;
    margin-top:15px;
    font-size:16px;
    font-weight: 400;
    position:absolute;
}

.wsi-payment-confirm-button
{
    float: right;
    display: inline-block;
    width: 110px;
    text-align: center;
    vertical-align: middle;
    margin-right: 180px;
    margin-top: -20px;
    padding: 2px 10px;
    border: medium none;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.15);
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5) inset;
    color: #FFF;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
}

.wsi-payment-confirm-button:hover {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
}



.wsi-payment-cancel-button
{
    float: right;
    display: inline-block;
    width: 110px;
    text-align: center;
    vertical-align: middle;



    margin-right: 20px;

    margin-top: -20px;
    padding: 2px 10px;
    border: medium none;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.15);
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5) inset;
    color: #FFF;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
}

.wsi-payment-cancel-button:hover {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
}

.wsi-payment-confirmation-modal
{

    left: 715px !important;
    z-index: 5001;
    width:590px !important;
    margin-left:1px !important;
}

.wsi-payment-confirmation-modal-content
{
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 95px !important;
    margin-bottom: 30px !important;
    padding: 0px 85px !important;
    font-size: 20px !important;
    line-height: 28px;
}

.ui-autocomplete .ui-menu-item{list-style-type:none;}



.wsi-personalize-edit-url-button
{
    margin-top: -10px;
}

.wsi-contact-input-email-add-error-class{
    border-color: #db6f00 !important;
    box-shadow : 0 0 5px #DB6F00 !important;
    -moz-box-shadow :  0 0 5px #DB6F00 !important;
    -webkit-box-shadow : 0 0 5px #DB6F00 !important;
}

.wsi-feedback-delete-file{
    position: absolute;
    margin-left: 0px !important;
    margin-top: -20px !important;
    cursor:pointer;
    color: #db6f00 !important;
}


.wsi-feedback-content
{
    position: absolute;
    display: block;
    background-color: #111111;
    padding: 6px;
}

.wsi-feedback-column-left
{
    color: #DDDDDD;
    float: left;
    width: 244px;
    max-width: 244px;
    height: 395px;
    background-color: #303030;
    border-radius: 5px;
    padding: 14px;
    margin-left: -7px;
    margin-top: -6px;
    font-size:16px !important;
}

.wsi-feedback-column-right
{
    color: #DDDDDD;
    float: right;
    width: 270px;
    max-width: 270px;
    margin-left: 272px;
    background-color: #303030;
    border-radius: 5px;
    margin-top: -6px;
    height: 399px;
    padding: 12px;
    position: absolute;
}

.wsi-feedback-title
{
    margin-bottom: 5px;
    padding: 5px 5px 5px 15px;
    font-size:16px !important;
}
.wsi-feedback-input
{
    width: 256px !important;
    margin-top: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 34px !important;
    padding-top: 4px;
    height: 33px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 35px;
}
.wsi-feedback-input-category
{
    padding-left: 30px !important;
    height:35px;
    padding-bottom:1px;
    cursor: pointer;
}

select
{
    border-radius: 8px !important;
    background: transparent;
    width: 268px;
    padding: 5px;
    padding-left: 30px !important;
    font-size: 16px;
    line-height: 1;
    border: 0;
    height: 34px;
    -webkit-appearance: none;
}
option::selection{
    color:#db6400;
}

.wsi-feedback-input-category option:hover
{
    background-color: #db6400 !important;
    color:#fff !important;
}

.wsi-feedback-input-email
{

}

#wsi-feedback-input-subject
{
    color:#fff !important;
}

#wsi-feedback-input-subject:-ms-input-placeholder
{
    color:#666 !important;
}

.wsi-feedback-input-description
{
    height: 150px !important;
    padding-right: 10px !important;
    color:#fff !important;
}

.wsi-feedback-input-files
{
    padding-right: 26px;
    padding-left: 6px;
    padding-top: 5px;
    padding-bottom: 1px;
    color:rgb(102, 102, 102);
    background-color: #1d1d1d;
    border: 2px;
    border-style: dashed;
    border-color: #444;
    border-radius: 6px;
    margin-top: 7px;
    width: 222px;
    margin-left: 6px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    font-size: 16px !important;

}

.wsi-feedback-input-file
{
    display: none;
}

.wsi-feedback-input-submit
{
    padding: 2px 7px 2px 7px;
    border: 1px solid #8B8B8B;
    color: #DB6F00;
    cursor: pointer;
    border-radius: 5px;
    background: #262626;
    float: right;
    height: 33px;
    width: auto;
    font-size:19px !important;
    line-height: 24px;
    margin-top: 45px;
    margin-right: 7px !important;
}

.wsi-feedback-input-submit:hover
{
    background: #f7def7;
    background: rgba(255, 255, 255, 0.23);
    outline: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58)
}

.wsi-feedback-input-container
{
    height:45px;
    position:relative;
}

#divAjout{
    margin-top: 120px;
}

.wsi-input-inline-select-icon
{
    position: absolute;
    z-index: 1;
    margin-left: -250px;
    margin-top: 20px;
    color: #666;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wsi-input-inline-select-icon
    {
        position: absolute;
        z-index: 1;
        margin-left: 12px;
        margin-top: 20px;
        color: #666;
    }
}

_:-ms-input-placeholder, :root .wsi-input-inline-select-icon
{
    position: absolute;
    z-index: 1;
    margin-left: 12px;
    margin-top: 20px;
    color: #666666;
}

_:-ms-input-placeholder, :root .md-close
{
    margin-left:570px;
}

_:-ms-input-placeholder, :root .md-close2
{
    margin-left:530px !important;
}

.wsi-input-inline-icon
{
    position: absolute;
    z-index: 1;
    margin-left: -250px;
    margin-top: 20px;
    color: #DDDDDD;
}

.wsi-input-select-dropdown-icon
{
    cursor: pointer;
    color: #666;
    background-color: #1d1d1d;
    position: absolute;
    z-index: 5;
    width: 33px;
    height: 26px;
    border-radius: 4px;
    margin-top: 13px;
    margin-left: 228px;
    text-align: center;
    padding-top: 7px;
    pointer-events: none;
}

.wsi-input-select-dropdown-icon:hover
{
    color: #DDDDDD;
    background-color: #505050;
}

.wsi-feedback-input-container .wsi-input-inline-icon .fa-hand-o-right{
    color: #666;
}

.wsi-feedback-input-container #wsi-feedback-input-category{

}

.md-content.userlayer .content button {
    background: none repeat scroll 0 0 #444;
    border: 1px solid #888;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-left: -12px;
}
.md-content button {
    display: block;
    font-size: 0.8em;
    margin: 0 auto;
}
.remove_image {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #cccccc;
    cursor: pointer;
    font-size: 20px;
    left: 163px;
    outline: medium none;
    padding: 0;
    position: absolute;
    right: 2px;
    top: 43px;
}

.close {
    float: right;
    font-size: 17px;
    margin-right: 6px;
    margin-top: -32px;
    width: 14px;
    z-index: 1000;
    position:absolute;
}

/* center image horizantal and vertical */
.centerImage{
    height: 113px;
    width: 141px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.centerImage img {
    text-align: center;
    margin: auto;
}
#wsi-personalize-input-menu-logo{

}
.wsi-feedback-left-content p{
    color: #999;
}
.wsi-feedback-left-content a{
    color: #db6400;
}
.wsi-feedback-left-title p{
    color:#999;
}

body .payment-method-modal .md-content .payment-modal-form .location{overflow: auto;}
/* Payment screen form CSS */
body .payment-method-modal .md-content .payment-modal-form .location .left{width:80px;margin-left:11px;margin-right:2px;float:left}
body .payment-method-modal .md-content .payment-modal-form .location .right{width:175px;float:left}
body .payment-method-modal .md-content .payment-modal-form .card-expiry-details .left{width:93px;margin-left:15px;margin-right:2px;margin-top:8px;float:left}
body .payment-method-modal .md-content .payment-modal-form .card-expiry-details .right{float:left;margin-left:8px;width:151px;}
body .payment-method-modal .md-content .payment-modal-form .month-val{width: 67px;float: left; padding-left: 5px !important;}
body .payment-method-modal .md-content .payment-modal-form .year-val{width: 60px;float: left; padding-left: 0px !important;}
body .payment-method-modal .md-content .payment-modal-form .card-expiry-date-divider{float: left;padding: 9px 3px 0px 3px;font-size: 24px;}
body .payment-method-modal .md-content .payment-modal-form .card-expiry-details .fl_clear{padding-bottom:10px;}
body .payment-method-modal .md-content .payment-modal-form .card-cvc .left{width:50px;margin-left:11px;margin-right:2px;float:left}
body .payment-method-modal .md-content .payment-modal-form .card-cvc .right{float:left;  margin-top: 10px; margin-left: 5px;}

body .payment-method-modal{
    width:590px !important;
    /* height:484px !important; */
    overflow:hidden;

}

.wsi-payment-gateway-step3{
    float:left;

    font-size: 16px;
    margin: 4px 0px;
}
.wsi-payment-gateway-step3.order_details1{
    width:48%;
    font-weight:bold;
}
.wsi-payment-gateway-step3.order_details2{
    width:52%;
}
.wsi-payment-gateway-step3.account_valid{
    width:48%;
}
.wsi-payment-gateway-step3.amount{
    width:52%;
}

.wsi-payment-gateway-step3.card_details{
    width:100%;
    font-weight:bold;
}

.wsi-payment-gateway-step3.credit_card{
    width:100%;
}
.wsi-payment-gateway-step3.card_expiry{
    width:100%;
    padding-top:4px;
}
.wsi-payment-gateway-step3.card_number{
    width:100%;
    padding-top:4px;
}
.wsi-payment-gateway-step3.card_holder{
    width:100%;
    padding-top:4px;
}

.wsi-payment-gateway-step3.billing_details{
    width:100%;
    font-weight:bold;
}
.wsi-payment-gateway-step3.first_name{
    width:100%;
}
.wsi-payment-gateway-step3.address{
    width:100%;
}
.wsi-payment-gateway-step3.last_name{
    width:100%;
}
.wsi-payment-gateway-step3.zip_city{
    width:100%;
}

.agree_payment{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    color: #fff  !important;
    background: none !important;
    line-height: 30px;
    border-bottom: none !important;
    padding: 5px;
    height: 30px;
    width: 580px !important;
    margin-left: -15px !important;

}

.agree_payment input[type="checkbox"] + label::before {
    color: #fff !important;
}

.terms a{
    color: #fff;
}

/*personalize loading button*/
.meter {
    height: 35px;  /* Can be anything */

    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 3px;
    margin-top: -4px;
    margin-left: -15px;
    width: 130px;
}
.meter > span {
    display: block;

    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-image: linear-gradient(

            rgb(43,194,83),
            rgb(84,240,84)
    );

    position: relative;
    overflow: hidden;
}

.orange-load > span {
    background-color: rgb(219, 74, 0);
    background-image: linear-gradient(to bottom, #db4400, rgb(219, 111, 0));
}

.red-load > span {
    background-color: #f0a3a3;
    background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}

.meter > span:after {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: linear-gradient(

            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent
    );
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;

}
@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
.animate > span:after {
    display: none;
}
.meter > span:after, .animate > span > span {
    animation: move 2s linear infinite;
}
@keyframes expandWidth {
    0% { width: 0; }
    100% { width: auto; }
}

.month_val .selector.ms-choice {
    width: 53px !important;
    position: relative;
    bottom: 26px;
    left: 143px;
}

.year_val .selector .ms-choice {
    width: 53px;
}

.paymentError {
    left: 967px !important;
}

.cardcvchelp{
    cursor: pointer;
}
.subscription_layer_plan_item{

    font-family: "Open Sans Condensed" !important;
    font-weight:normal !important;
}

.md-content .content-wrap > span {
    font-weight: normal !important;
}

#EnquiryDescription
{
    color: #fff;
}
#EnquiryDescription:-ms-input-placeholder
{
    color:#ccc !important;
}
#enquiryDetailsCountryForm{
    color: #fff;
}
#enquiryDetailsCountryForm:-ms-input-placeholder
{
    color:#ccc !important;
}

.chronic_recipient_mail_date{
    display: none;
}

.report {
	color: #db6f00;
	background: #000;
	border-radius: 5px;
	font-size: 14px;
	padding: 0 5px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
}

body .interface_wrap .content_wrap p.mobile_download_info {
	display: none;
}
@media (max-width: 770px) {
	body .interface_wrap {
		left: 0px;
		top: 0px;
		margin: 0px;
		width: 100%;
	}
	
	body .interface_wrap nav {
		z-index: 10;
		left: auto;
		right: 0px;
		display: none;
		top: 0px;
		margin: 0px;
	}
	body .interface_wrap .article_wrap {
		z-index: 9;
		border-radius: 0px;
		border: 0px;
		box-sizing: border-box;
		
		box-shadow: 0 0px 0px rgba(255, 255, 255, 0.1) inset, 0 0 0px #000 inset;
		background: #000;
		width: 100%;
	}
	body .interface_wrap .article_wrap > div {
		display: none;
	}
	
	body .interface_wrap .article_wrap article {
		border-radius: 0px;
		width: 100%;
		padding: 10px 10px 10px 10px;
		box-shadow: 0 0px 0px rgba(255, 255, 255, 0.1) inset, 0 0 0px #000 inset;
	}
	.link_upload_txt {
		padding: 10px 10px 10px 10px !important;
		
	}
	body .interface_wrap .article_wrap article .button {
		width: 100%;
	}
	
	#help, .tipsy, #enquiry_cont, .md-modal, body .interface_wrap .becomePremium, .goLogin, body .mc-cycle {
		display: none !important;
	}
	body .interface_wrap .submitBtn {
		border: 0px;
	}
	body .interface_wrap .content_wrap {
		padding-top: 20px !important;
	}
	body .interface_wrap .content_wrap p.mobile_download_info {
		display: block;
		text-align: center;
		padding: 10px;
	}
    
}

#wsi-subscription-content .wsi-personalize-step label{
    width: 90px;
    display:block;
    float:left;
}
#wsi-subscription-content .wsi-personalize-step input{
    display:block;
    position:relative;
    float:left;
    width:140px;
    font-size:15px;
}

#wsi-subscription-content .wsi-personalize-step input[type="password"]
{
    background: #262626 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.8);
    border-radius: 5px !important;
    box-shadow: 1px 1px 0 rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    box-sizing: border-box;
    color: #fff !important;
    height: 33px !important;
    margin-left: 11px;
    margin-right: 2px;
    margin-top: 6px;
    outline: medium none !important;
    padding-left: 10px;
}

#wsi-subscription-content .wsi-personalize-step select{
    background: #F2F1F0;
    padding-left:0px !important;
}

#change_creditcard .month-val,
#change_creditcard .year-val{
    width:67px;
    float:left;
}

#last-orders-form .wsi-personalize-button-grey,
#change_creditcard .wsi-personalize-button-grey{
    position:unset !important;
    margin: 3px 0 0 0 !important;
}

.orderbox{
    line-height: 34px;
    font-size: 16px;
    margin: 2px 2px 6px;
    border: 1px solid rgba(205, 123, 76, 0.3);
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
    color: #999;
    background: #262626;
    padding: 5px 10px;
    font-weight: 400;
}

.orderbox h4{
    line-height: 0px;
}

.adsense_text{
    height: 150px;
    position: relative;
    overflow: hidden;
}

.adsense_text_content_title h4{
    margin-bottom:0px;
}

#adsense_text_wrap .ps-container .ps-scrollbar-y-rail {
    border-radius: 4px;
    opacity: 1;
    position: absolute;
    right: 3px;
    transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
    width: 1px;
    width: 10px;
}

#adsense_text_wrap .ps-container .ps-scrollbar-y-rail  > .ps-scrollbar-y { background-color: white; }



#voucher_input{
    background: #ba6005 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 0 rgba(205, 123, 76, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: #eee;
    display: block;
    margin-bottom: 5px;

    padding: 5px;
    position: relative;
    width: 90%;
    margin-top:5px;
    float:left;

}

#voucher_info{
    margin-top:10px;
    color:green;
    float:left;
    font-weight: bold;
}