@CHARSET "ISO-8859-1";

::-moz-selection {
    color: #000;
    background-color: #B4D5FE;
}

::selection {
    color: #000;
    background-color: #B4D5FE;
}

.noscript {
    display: none;
}

html.no-js .noscript {
    display: block;
}

@font-face {
    font-family: 'Affection';
    src: url('/assets/fonts/passengers_script-webfont.woff2') format('woff2'),
        url('/assets/fonts/passengers_script-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Windsong';
    src: url('/assets/fonts/Julietta.woff') format('woff');
}

@font-face {
    font-family: 'bankgothicbold';
    src: url('/assets/fonts/bankgothic_bold-webfont.woff2') format('woff2'),
        url('/assets/fonts/bankgothic_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dear Ivy';
    src: url('/assets/fonts/dearivy.woff') format('woff');
}


@font-face {
    font-family: "Palatino LT W05 Light";
    src: url("/assets/fonts/6d0e1107-bbf0-497e-806b-de0440019347.woff2") format("woff2"), url("/assets/fonts/b15c4e06-f6d2-49c3-8db9-e4830978b95d.woff") format("woff");
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
    /* needed for container min-height */
    min-height: 100%;
    overflow-y: auto;
    background-color: transparent;
}


label.error {
    font-size: 15px !important;
    line-height: 1.3 !important;
}

/* ///////////////////////////////////////////////////////////////////// 
//  RESPONSIVE MAIN NAVIGATION
/////////////////////////////////////////////////////////////////////*/

.visible-menu-button {
    display: none !important;
}

.hidden-menu-item1,
.hidden-menu-item2,
.hidden-menu-item3,
.hidden-menu-item4,
.hidden-menu-item5 {
    display: none;
}


.visible-menu-item1,
.visible-menu-item2,
.visible-menu-item3,
.visible-menu-item4,
.visible-menu-item5 {
    display: block;
}

ul,
ol {
    padding-left: 0px;
}

@media (max-width: 1262px) {
    .visible-menu-button {
        display: block !important;
    }

    .hidden-menu-item1,
    .hidden-menu-item2,
    .hidden-menu-item3,
    .hidden-menu-item5 {
        display: block !important;
    }

    .visible-menu-item1,
    .visible-menu-item2,
    .visible-menu-item3,
    .visible-menu-item5 {
        display: none !important;
    }

    .headerContainer .nav-holder ul.nav li.active a {
        padding: 9px 6px !important;
    }

    .headerContainer .nav-holder ul.nav li a,
    .headerContainer .nav-holder ul.nav li a.menu-button:hover,
    .headerContainer .nav-holder ul.nav li a:hover,
    .headerContainer .nav-holder ul.nav li.active a:hover {
        padding: 8px 6px !important;
    }


}

.alert-clientlogin {
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
    z-index: 1000;
    /* Adjust the z-index as needed to ensure it appears above other elements */
    color: red;
    /* Set a background color if needed */
    padding: 10px;
    /* Add padding to style the alert box */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    text-align: center;
    /* Optional: Add a box shadow for styling */
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@media (max-device-width: 1262px) {
    .hidden-menu-item4 {
        display: block !important;
    }

    .visible-menu-item4 {
        display: none !important;
    }
}

/*
@media (max-width: 1165px) {
  
  .hidden-menu-item2 {
    display: block !important;
  }
  
  .visible-menu-item2{
    display:none !important;
  }
}

@media (max-width: 1090px) {
  
  .hidden-menu-item3 {
    display: block !important;
  }
  
  .visible-menu-item3{
    display:none !important;
  }
}

@media (max-width: 990px) {
  
  .hidden-menu-item4 {
    display: block !important;
  }
  
  .visible-menu-item4{
    display:none !important;
  }
}

@media (max-width: 890px) {
  
  .hidden-menu-item5 {
    display: block !important;
  }
  
  .visible-menu-item5{
    display:none !important;
  }
}
*/

/* ///////////////////////////////////////////////////////////////////// 
//  01 - WORKSPACE GLOBAL
/////////////////////////////////////////////////////////////////////*/

body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    min-height: 100%;
    height: 100%;
    background-color: #FFFFFF;

    font-weight: 400;
    font-size: 13px;
    line-height: 1.7em;
    font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    color: #241c15;
    -webkit-font-smoothing: antialiased;
}

body.alert-box-visible {
    padding-top: 40px;
    /* Adjust padding to make space for the alert box */
}

.tooltip {
    font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

.vertical_center {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
}

.vcentre_float_right {
    margin-left: auto;
}

.defaultHide {
    display: none;
}

input,
button,
select,
optgroup,
textarea,
label,
.alert,
.badge,
.blockquote-footer,
.btn,
.navbar,
.pagination,
.valid-feedback,
.invalid-feedback {
    font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

.jconfirm .btn {
    font-family: inherit;
}

.defaultShow {
    display: block;
}

.defaultPointer {
    cursor: pointer;
}

.defaultRelativePos {
    position: relative;
}

.tableDisplay {
    display: table !important;
}

.defaultLinkColor {
    color: #008ab3;
}

.defaultHidden {
    visibility: hidden;
}

.bold {
    font-weight: bold;
}

.clearBoth {
    clear: both;
}

.fullwidth {
    width: 100%;
}

.fontsize16 {
    font-size: 16px;
}

.fontsize15 {
    font-size: 15px;
}

.fontsize14 {
    font-size: 15px;
}

.fontsize13 {
    font-size: 15px;
}

.simple-inner-button {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    padding: 3px 8px;
    border: 1px solid #CDCABF;
    margin-right: 8px;
    border-radius: 2px;
    cursor: pointer !important;
    font-weight: bold;
    color: #048fc2;
    text-align: center;
    vertical-align: middle;
}

.simple-inner-button-green {
    background: linear-gradient(to bottom, rgba(130, 193, 62, 1) 0%, rgba(130, 193, 62, 1) 100%);
    padding: 5px 15px;
    font-weight: normal;
    border: 1px solid rgba(130, 193, 62, 1);
    margin-right: 8px;
    border-radius: 4px;
    cursor: pointer !important;
    color: #FFFFFF !important;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.simple-inner-button-blue {
    background: linear-gradient(to bottom, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
    padding: 5px 15px;
    font-weight: normal;
    border: 1px solid rgba(51, 153, 255, 1);
    margin-right: 8px;
    border-radius: 4px;
    cursor: pointer !important;
    color: #FFFFFF !important;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.simple-inner-button-black {
    background: linear-gradient(to bottom, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 100%);
    padding: 5px 15px;
    font-weight: normal;
    border: 1px solid rgba(39, 39, 39, 1);
    margin-right: 8px;
    border-radius: 4px;
    cursor: pointer !important;
    color: #FFFFFF !important;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.uploadifyButton {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%) !important;
    padding: 3px 8px !important;
    border: 1px solid #CDCABF !important;
    margin-right: 8px !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    color: #048fc2 !important;
    text-align: center !important;
    vertical-align: middle !important;
    height: 25px !important;
    width: 80px !important;
}

.simple-inner-button:hover {
    background: linear-gradient(to bottom, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    text-decoration: none;
}




/*
Description: Content Column Classes Stylesheet
Author: Puneet Sahalot
Author URI: http://icustomizethesis.com/
Date:20011-04-28
*/

/*--------------------------------------
Column Classes
---------------------------------------*/

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
one-tenth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin: 0 0 40px;
    padding-left: 10px;
}

.one-half,
.three-sixths,
.two-fourths {
    width: 48%;
}

.one-third,
.two-sixths {
    width: 31%;
}

.four-sixths,
.two-thirds {
    width: 65%;
}

.one-fourth {
    width: 22.5%;
}

.three-fourths {
    width: 73.5%;
}

.one-fifth {
    width: 17.4%;
}

.two-fifths {
    width: 37.8%;
}

.three-fifths {
    width: 58.2%;
}

.four-fifths {
    width: 78.6%;
}

.one-sixth {
    width: 14%;
}

.one-tenth {
    width: 10.1%;
}

.five-sixths {
    width: 82%;
}

.first {
    clear: both;
    padding-left: 0;
}



/*--------------------------------------
Font Styles 
---------------------------------------*/



/*--------------------------------------
Page Structure
---------------------------------------*/

#site_content {
    position: relative;
    min-height: 350px;
    padding: 0;
    width: 100%;
    height: 100%;
}

.menu-button {
    cursor: pointer;
    margin: 0px;
    position: relative;
    cursor: pointer;
    z-index: 3;
}

.menu-button::before {
    border-bottom: 17px double #fff;
    border-top: 6px solid #fff;
    content: "";
    height: 29px;
    position: absolute;
    width: 30px;
    top: 4px;
}

.menu-left {
    float: left;
}

#main_content {
    margin: 0 auto;
    top: 57px;
    /*65px*/
    width: 1600px;
    position: relative;
}

#main_content_not_loggedin {
    margin: 0 auto;
    position: relative;
    top: 57px;
    width: 1600px;
}


#container {
    font-weight: normal;
    margin: 0 auto;
}


#page_title {
    color: #000000;
    border-bottom: 1px solid #CDCABF;
    margin-bottom: 20px;
    padding-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
}

#page_title_nomargin {
    color: #000000;
    margin-bottom: 13px;
    height: 45px;
}

#page_title_marginright {
    color: #000000;
    border-bottom: 1px solid #CDCABF;
    margin-bottom: 20px;
    padding-top: 5px;
    margin-right: 20px;
}


#page_title_nomargin2 {
    color: #000000;
    margin-bottom: 20px;
    padding-top: 5px;

}

#page_title_nomargin3 {
    color: #000000;
    margin-bottom: 20px;
    padding-top: 30px;
    clear: both;

}

/*--------------------------------------
Link Styles
---------------------------------------*/

a img {
    border: none;
}

a {
    text-decoration: none;
    color: #bea23e;
    font-weight: 500;
}

.cursor-pointer {
    color: #007c89;
    cursor: pointer;
}


a:hover {
    color: #bea23e;
    text-decoration: underline;
}

.link_color {
    color: #008ab3;
}

/*--------------------------------------
HR Styles
---------------------------------------*/

.hr_plain {
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    background-color: #CDCABF !important;
    width: 100% !important;
    margin: 0 !important;
}

.hr_margintop {
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    background-color: #CDCABF !important;
    width: 100% !important;
    margin: 30px 0 0 0 !important;
}

.hr_qa {
    border: 0 !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    height: 1px !important;
    background-color: #CDCABF !important;
    width: 100% !important;
    clear: both;
}

.hr_margin {
    border: 0 !important;
    margin: 10px 20px !important;
    padding: 0 !important;
    height: 1px !important;
    background-color: #CDCABF !important;
}

.hr_aa {
    border: 0 !important;
    margin-top: 61px;
    margin-bottom: 30px;
    padding: 0 !important;
    height: 1px !important;
    background-color: #CDCABF !important;
    width: 100% !important;
    clear: both !important;
}

/*--------------------------------------
Checkbox Styles
---------------------------------------*/

/*<!--[if !IE]><!-->*/


input[type="checkbox"] {
    background-color: #fafafa;
}

input[type="checkbox"]:active,
input[type="checkbox"]:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

input[type="checkbox"] {

    background-color: #fafafa;
    border: 1px solid #cdcabf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 7px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

input[type="checkbox"]:checked {
    background-color: #EEECE9;
    border: 1px solid #b2b2b2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    color: #b2b2b2;
}

input[type="checkbox"]:checked:after {
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #606060;
}

/*--------------------------------------
Radio Button Styles
---------------------------------------*/

input[type="radio"] {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cdcabf;
    padding: 7px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    margin: 8px 6px -5px 0;
}

input[type="radio"]:checked:after {
    content: ' ';
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #928f8d;
    text-shadow: 0px;
    left: 3px;
    font-size: 20px;
}

input[type="radio"]:checked {
    background-color: #EEECE9;
    color: #b2b2b2;
    border: 1px solid #b2b2b2;
}


/*--------------------------------------
Select Styles
---------------------------------------*/

select {
    box-sizing: border-box;
    white-space: pre;
    cursor: pointer;
}

/*<!--<![endif]-->*/

/*
#useremail {
    border: 1px solid #cdcabf !important;
    height: 25px !important;
    font-size: 12px !important;
}
*/
/*--------------------------------------
Info Fields
---------------------------------------*/

#row {
    margin-top: 15px;
    height: 25px;
    clear: both;
    position: relative;
}

#row.heightauto {
    height: auto;
}

#row input[type=text] {
    float: left;

    margin-top: 3px;
    margin-left: 8px;
    width: 200px;
    color: #999999;
    border: 1px solid #CDCABF;
    font-size: 13px;
}

input:-moz-placeholder {
    box-shadow: none !important;
}

input:invalid {
    box-shadow: 0 0 0px gray;
}

#row input[type=email] {
    float: left;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    margin-top: 3px;
    margin-left: 8px;
    width: 200px;
    color: #999999;
    border: 1px solid #CDCABF;
    font-size: 13px;
}

#row textarea {
    float: left;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    margin-top: 3px;
    margin-left: 8px;
    color: #999999;
    border: 1px solid #CDCABF;
    font-size: 13px;
}

#row input[type=password] {
    float: left;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    margin-top: 3px;
    margin-left: 8px;
    width: 200px;
    color: #999999;
    border: 1px solid #CDCABF;
    font-size: 13px;
}

#row select {
    float: left;
    margin-top: 4px;
    margin-left: 5px;
    width: 202px;
    color: #353535;
    border: 1px solid #CDCABF;
    height: 22px;
    font-size: 13px;
}


#row1 {
    margin-top: 15px;
    height: 25px;
    float: left;
    position: relative;
}

#row1 h2 {
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color: #ffffff;
    margin-top: 15px;
    height: 25px;
    float: left;
    position: relative;
}

#row1 h5 {
    float: left;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color: #353535;
    font-size: 13px;
    width: 100px;
    font-weight: normal;
    margin: 5px 0 0 0;
    width: 40px;
}


#row h5 {
    float: left;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color: #353535;
    font-size: 13px;
    width: 100px;
    font-weight: normal;
    margin: 10px 0 0 0;
    width: 80px;
}

#row h4 {
    float: left;
    color: #353535;
    font-size: 14px;
    width: 100px;
    font-weight: normal;
    margin: 10px 0 0 0;
    width: 80px;
}


#row p {
    float: left;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color: #353535;
    font-size: 13px;
    font-weight: normal;
    margin: 10px 10px;
}

/*General info fields end here*/


/*--------------------------------------
Table Styles
---------------------------------------*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
    letter-spacing: normal;
    word-spacing: 0;
    line-height: 19.2px;
    vertical-align: baseline;
    direction: ltr;
    font-size-adjust: none;
    font-style: none;
    font-weight: normal;
    text-align: left;
}

th {
    font-weight: normal;
}

table#order_details {
    width: 718px;
    background-color: #f7f4ef;
}

table#order_details tr {
    border-bottom: 0px solid #cdcabf !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    height: 54px;
}

table#order_details td {
    padding: 0 10px;
    border-bottom: 0px solid #cdcabf;
    background-color: #ffffff;
}

table#order_details th {
    padding: 0 0 0 5px;
    border-bottom: 0px solid #cdcabf;
}

/*--------------------------------------
Gold Buttons
---------------------------------------*/

#savebutton {
    margin-top: 10px;
}


.buttonYelUnchanged {
    background-color: #BEA23E;
    clear: both;
    color: #FFFFFF !important;
    font-family: 'Futura W01 Book' !important;
    font-size: 13px;
    padding: 1px 12px 1px 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 1px;
    text-transform: uppercase;
}

.buttonYel {
    background-color: #BEA23E;
    clear: both;
    color: #FFFFFF !important;
    font-family: 'Futura W01 Book' !important;
    font-size: 13px;
    padding: 1px 12px 1px 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 1px;
    text-transform: uppercase;
}

.buttonYel:hover {
    background: #d6c795;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q2Yzc5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWEyM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmNhMjRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d6c795), color-stop(100%, #048abb), color-stop(100%, #bca24b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6c795', endColorstr='#bca24b', GradientType=0);
    /* IE6-8 */
    clear: both;
    color: #FFFFFF !important;
    font-family: 'Futura W01 Book' !important;
    font-size: 13px;
    padding: 1px 12px 1px 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
}

a.buttonYel {
    background-color: #BEA23E;
    clear: both;
    color: #FFFFFF !important;
    font-family: 'Futura W01 Book' !important;
    font-size: 13px;
    height: 20px;
    padding: 2px 12px 4px 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    vertical-align: middle;
}

a.buttonYel:hover {
    background: #d6c795;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q2Yzc5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWEyM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmNhMjRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d6c795), color-stop(100%, #048abb), color-stop(100%, #bca24b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d6c795 1%, #048abb 100%, #bca24b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6c795', endColorstr='#bca24b', GradientType=0);
    /* IE6-8 */
    clear: both;
    color: #FFFFFF !important;
    font-family: 'Futura W01 Book' !important;
    font-size: 13px;
    height: 20px;
    padding: 2px 12px 4px 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
}

.previewpage {
    float: right;
    font-family: "Futura W01 Book" !important;
    background-color: #048abb;
    height: 20px;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 1px 12px 2px 12px;
    border-radius: 2px;
}

.previewpage a {
    color: #ffffff;
    text-decoration: none;
}


.previewpage2 {
    font-family: "Futura W01 Book" !important;
    float: left;
    background-color: #048abb;
    height: 20px;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0px 12px 0px 12px;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 2px;
}

.previewpage2 a {
    color: #ffffff;
    text-decoration: none;
}

/*--------------------------------------
Black Buttons
---------------------------------------*/

.buttonYel1,
.buttonYel2,
a.buttonYel1:visited {
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    color: #FFFFFF;
    font-size: 13px;
    padding: 1px 12px 1px 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    font-family: 'Futura W01 Book' !important;
    text-transform: uppercase;
}

.editorButton,
a.editorButton:visited {
    border: 1px solid #9e9e9e;
    border-bottom: 0px;
    color: #000000;
    font-size: 12px;
    height: 20px;
    padding: 1px 12px 1px 12px;
    text-align: center;
    cursor: pointer;
    font-family: Arial;
}

a.get-started-button {
    font-size: 1.125em;
    font-family: "Futura W01 Light";
    background-color: #353535;
    color: white;
    text-transform: uppercase;
    padding: 6px 30px;
    letter-spacing: 0.08em;
}

a.get-started-button:hover {
    text-decoration: none;
}


.buttonYel2 {
    margin-top: 18px;

}

.buttonYel1 {
    float: right;

}

.buttonYel1 a,
.buttonYel2 a {
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    font-family: 'Futura W01 Book' !important;
}

.buttonYel1 a:hover,
.buttonYel2 a:hover {
    text-decoration: none;
    color: #FFFFFF;
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
    text-decoration: none;
}

a.buttonYel1:hover {
    text-decoration: none;
    color: #FFFFFF;
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
    text-decoration: none;
}


.buttonYel2 a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

a.button,
#footer a.button,
#searchsubmit {
    font-size: 13px;
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    display: inline-block;
    color: white;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    font-family: 'Futura W01 Book';
    text-transform: uppercase;
    padding: 0px 12px 2px 12px;
    margin: 0;
    border: none;
    height: 20px;
    border-radius: 2px;
}


a.button:hover,
#footer a.button:hover,
#searchsubmit {
    font-size: 13px;
    color: white;
    text-decoration: none;
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
}

a.firstbutton {
    font-family: "Futura W01 Book" !important;
    font-size: 13px;
    text-transform: uppercase;
    padding: 1px 12px 2px 12px;
    color: #ffffff;
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    vertical-align: middle;
    border-radius: 2px;
}

a.firstbutton:hover {
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
}

a.firstbutton:visited {
    color: #ffffff;
    font-size: 13px;
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    padding: 1px 12px 2px 12px;
    margin-bottom: 10px;
}

a.firstbutton-blue {
    font-family: "Futura W01 Book" !important;
    font-size: 13px;
    text-transform: uppercase;
    padding: 1px 12px 2px 12px;
    color: #ffffff;
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 153, 255, 1)), color-stop(100%, rgba(51, 153, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    vertical-align: middle;
    border-radius: 2px;
}

.shared_share {
    font-family: "Futura W01 Book" !important;
    font-size: 13px;
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    color: white;
    text-align: center;
    width: auto;
    margin-right: 10px;
    display: block;
    text-decoration: none;
    float: right;
    margin-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: uppercase;
    padding-top: 1px;
    padding-bottom: 2px;
    border-radius: 2px;
}

.shared_share a {
    font-size: 13px;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}

a.shared_share {
    font-size: 13px;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}


.shared_share a:visited {
    font-size: 13px;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}


.shared_share:hover {
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
}


input[type="button2"] {
    font-size: 13px;
    text-transform: uppercase;
    padding: 1px 12px 2px 12px;
    color: #ffffff;
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    margin-bottom: 10px;
    height: 20px;
    border-radius: 2px;
}

input[type="button2"]:hover {
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
}



/*--------------------------------------
Blue Buttons
---------------------------------------*/

.blackButton {
    border-radius: 2px !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGRjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU0ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1))) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0) !important;
    /* IE6-9 */
    color: #FFFFFF !important;
    font-family: "Futura W01 Book" !important;
    font-size: 14px;
    padding: 2px 12px;
    text-transform: uppercase;
    border: 0px !important;
}

.blackButton:hover {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2OTdjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODZlOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1))) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0) !important;
    /* IE6-9 */
}

#orderalbum {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGRjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU0ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    color: #ffffff;
}

#orderalbum:hover {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2OTdjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODZlOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
}

#orderalbum {
    margin-top: 0px;
    margin-right: 0px;
    float: right;
    margin-left: 10px;
    padding: 2px 12px 2px 12px;
    font-family: "Futura W01 Book" !important;
    border-radius: 2px;
}



/*--------------------------------------
Small gold and white buttons 
---------------------------------------*/

.buttonLevel2 {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 240, 234, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f0ea', GradientType=0);
    /* IE6-9 */
    padding: 2px 8px;
    border: 1px solid #CDCABF;
    margin-right: 8px;
    border-radius: 2px;
    text-align: center;
    width: auto;
    font-size: 13px;
    color: #048abb;
    float: right;
    cursor: pointer;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.buttonLevel2 a:hover {
    text-decoration: none !important;
}

.buttonLevel2:hover {
    text-decoration: none !important;
    background: rgb(255, 252, 244);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 252, 244, 1)), color-stop(100%, rgba(224, 216, 199, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf4', endColorstr='#e0d8c7', GradientType=0);
    /* IE6-9 */
}





/* ///////////////////////////////////////////////////////////////////// 
//  02 - LANDING PAGE
/////////////////////////////////////////////////////////////////////*/


#landingpage {
    height: 820px;
    margin-top: -50px;
}

#leftbox {
    background-color: #F7F4EF;
    min-height: 450px;
    float: left;
    margin-right: 10px;
}


.landing-header {
    font-family: 'Futura W01 Book';
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 28px;
    line-height: 26px;
    margin-bottom: 15px;
}

.actionbuttons {
    margin-bottom: 28px;
}

#featurecolumn1 {
    float: left;
    width: 230px;
    margin-left: 10px;
    margin-bottom: 20px;
}

#featurecolumn2 {
    float: right;
    width: 230px;
    margin-bottom: 20px;
}

.feature1,
.feature2,
.feature3,
.feature4,
.feature5,
.feature6 {
    background-color: #f7f4ef;
    text-transform: uppercase;
    font-family: 'Futura W01 Book';
    color: #353535;
    height: 25px;
    padding: 5px 0px 2px 12px;
    width: 218px;
    margin-bottom: 20px;
}


#workspace-quotes {
    margin: 30px 0 30px 0;
}

.quote1 {
    font-size: 20px;
    text-align: center;
    font-family: 'Glypha LT W02 35 Thin';
}

.wsauthor {
    text-transform: uppercase;
    font-family: 'Futura W01 Book';
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}

#qby-experience {
    width: 480px;
    margin-right: 20px;
    float: left;
}

#landing-links {
    float: right;
    width: 480px;
    margin-top: 17px;
}

.loginor {
    font-family: 'Futura W01 Book';
    float: left;
    margin: 0px 10px 0 10px;

}

/*Landing page ends here*/



/* ///////////////////////////////////////////////////////////////////// 
//  03 - LOGIN PAGE
/////////////////////////////////////////////////////////////////////*/

#site_home {
    position: relative;

}

.loginContainer {
    display: table;
    height: calc(100vh - 57px);
    width: 100%;
}

.login_header {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.login-form {
    margin: 0 auto;
    max-width: 438px;
}

.signup-form {
    margin: 0 auto;
    max-width: 649px;
}

.login-form .login-field-icon {
    color: #bfc9ca;
    font-size: 16px;
    position: absolute;
    right: 0px;
    top: 39px;
    transition: all 0.25s ease 0s;
}

.login-form a.simple-inner-button,
.signup-form a.simple-inner-button {
    color: #048fc2 !important;
}

.login-form .simple-inner-button,
.signup-form .simple-inner-button {
    padding: 6px 54px;
    margin-right: 0px;
}

.queensberry_logo img {
    max-width: 185px;
    width: 100%;
}

#site_home label.error {
    display: none;
    margin-bottom: 0px;

}


#home_workspace {
    width: auto;
    height: 258px;
    margin-top: 20px;
    margin-left: 40px;
    float: left;
}


#workspace_login {
    width: 295px;
    height: 500px;
    padding-top: 15px;
    border-right: 1px solid #353535;
    float: left;
}

#workspace_signup {
    float: left;
    width: auto;
    height: 350px;
    padding-top: 10px;
    margin-left: 30px;
    margin-top: 0;

}

label.forgotpassword {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
    min-height: 20px;
}


#row.lp-pass {
    margin-top: 20px;
}

#row.lp-acc {
    margin-top: 40px;
}

.lp-acc label {
    position: absolute;
    left: 145px;
    top: -112px;
    width: 200px;
}

.lp-pass label {
    position: absolute;
    left: 145px;
    top: -18px;
    width: 100px;
}


#remember {
    margin-top: 40px;
}


#login_title {
    margin-top: 60px;
}


#more_info {
    color: #000000;
    margin-top: 50px;
    float: right;
    width: 265px;
    border-left: 1px solid #cdcabf;
    padding-left: 60px;
    height: 253px;
}

#login_disp {
    color: red;
    font-size: 11px;
    width: 250px;
    line-height: 15px;
    height: 20px;
    margin-top: 0px;
    position: absolute;
    top: 86px;
}

#sign_disp {
    color: #048abb;
    font-size: 12px;
    height: 15px;
    width: 227px;
}

#icontext {
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 39px;
    margin-left: 95px;
    letter-spacing: 0.5px;
}

#remember {
    clear: both;
    color: #000000;
    font-size: 12px;
    height: 20px;
    text-align: left;
    width: 125px;
    margin-top: -10px;
    float: left;
    padding-top: 5px;
    margin-left: 143px;
}

#actionbuttons2 {
    position: absolute;
    top: 90px;
    left: 140px;
}

.username {
    font-size: 14px;
    color: #000000;
    margin-bottom: 5px;
    width: 136px;
    float: left;
    /*font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    text-align: right;
    margin-right: 10px;
}


#sign_info {
    color: #000000;
    font-size: 12px;
    width: 230px;
    padding-top: 12px;
    line-height: 1.4em;
    margin-bottom: 25px;
}

#sign_info2 {
    color: #FFFFFF;
    font-size: 11px;
    width: 230px;
    padding-top: 12px;
    line-height: 1.4em;
    margin-bottom: 5px;
    margin-right: 20px;
}

#intro {
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
}

#message {
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
}

#resendpassword {
    color: #000000;
    font-size: 12px;
    width: 250px;
    line-height: 1.4em;
    margin-top: -21px;
    margin-bottom: 25px;
    margin-left: 0px;
    height: 20px;
    position: absolute;
    top: 246px;
    left: 351px;
}

#sign_disp {
    padding-top: 5px;
}


#login_button,
#sign_button {
    float: left;
    margin-right: 45px;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: -1px;
}

/*Login page ends here*/


/* ///////////////////////////////////////////////////////////////////// 
//  04 - DASHBOARD
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Popup Basic Settings 
---------------------------------------*/

#settings-note {
    height: 80px;
    margin-right: 20px;
    border-bottom: 1px solid #cdcabf;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#setup-background {
    background-color: #F7f4ef;
    padding: 20px 20px 20px 20px;
    height: 250px;
}

#description_1,
#description_2,
#description_3,
#description_4,
#description_5,
#description_6 {
    width: 400px;
    min-height: 177px;
}

/*Dashboard PopUp/Setup ends here*/

/*--------------------------------------
Progress Bar
---------------------------------------*/
#datausage {
    float: right;
}

.all-rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.spacer {
    display: block;
    line-height: 23px;
    color: #ffffff;
    font-weight: bold;
}

.datatext {
    float: left;
    padding-top: 4px;
    margin-right: 8px;
}

#progress-bar {
    width: 200px;
    margin: 0 auto;
    background: #555555;
    border: 2px solid #f2f2f2;
    float: left;
    height: 25px;
}

#progress-bar-percentage-blue {
    background: #999999;
    padding: 3px 0px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

#progress-bar-percentage-red {
    background: #A01F28;
    padding: 3px 0px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

/*End Progress bar for dashboard*/


/*--------------------------------------
Quick Tasks 
---------------------------------------*/

#quicktasks {
    background-color: #F7F4EF;
    padding: 5px 20px 20px 20px;
    margin-bottom: 10px;
    height: 156px;
    font-size: 13px;
    text-transform: uppercase;
}

#quicktasklinks {
    width: 140px;
    height: 120px;
    float: left;
    margin-right: 60px;
}

#quicktasklinks a,
#quicktasklinks a:visited {
    color: #353535;
}

#quicktasklinkslast a {
    color: #151517;
}

#quicktasklinkslast {
    width: 140px;
    height: 120px;
    float: left;
}

#quicktasklinks img,
#quicktasklinkslast img {
    margin: 0 25px 0 25px;
}

#getsupport,
#reviewqueries,
#accountsettings,
#creategallery,
#tracksales,
#makepayment {
    text-align: center;
}

.quicktasklinks {
    margin-top: 25px;
}


/*--------------------------------------
Panels 
---------------------------------------*/


#albumorderpanel {
    background-color: #F7F4EF;
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
}

#albumorderpanel th {
    font-size: 14px;
    text-transform: uppercase;
    padding-right: 42px;
    padding-top: 10px;
}

#albumorderview {
    text-align: right;
    padding-top: 10px;
}

.albumorderheading {
    font-size: 24px;
    text-transform: uppercase;
    float: left;
    padding-top: 10px;
    padding-bottom: 15px;
}

#gallerypanel {
    background-color: #EFEFEF;
    padding: 15px;
    width: 100%;
}

#albumreviewpanel {
    background-color: #EFEFEF;
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px;
    width: 100%;
}

#dashboardanalytics {
    background-color: #F7F4EF;
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
}

.more {
    margin-top: 10px;
}


/* END Dashboard styles*/



/* ///////////////////////////////////////////////////////////////////// 
//  04 - HEADER + NETWORK BAR
/////////////////////////////////////////////////////////////////////*/


#networkbar {
    background-color: #F7F4EF;
    border-bottom: 1px solid #F7F4EF;
    height: 35px;
    /*font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 12px;
    font-weight: 300;
    color: #BEA23E;
    line-height: 19px;
    display: none;
}

#site_top_nav {
    width: 980px;
    height: 19px;
    margin: 0px auto;
    padding-top: 8px;
    padding-bottom: 8px;
}


#ext-links {
    float: left;
}

#ext-links a {
    margin-right: 15px;
    font-size: 13px;
}

#ext-links span {
    color: #048abb;
}


#user-links {
    float: right;
    text-align: right;
    color: #575757;
    /*    width:430px;*/
}

#user-links .nav {
    color: #575757;
}

#user-links .nav-current a {
    color: #Bea23e;
}

#site_logo {
    position: relative;
    margin-top: 36px;
    width: 700px;
    float: left;
}


.jsnotice {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    display: block;
    z-index: 999999;
    background: white;
    padding: 10px;
    margin: auto;
    top: 0;
    border-bottom: 1px solid gray;
}

#err_body {
    min-height: 300px;
}


/* ///////////////////////////////////////////////////////////////////// 
//  05 - NAVIGATION
/////////////////////////////////////////////////////////////////////*/

.headerContainer {
    z-index: 9999;
    /*background-color: #606060;*/
    /*background-image: linear-gradient(#606060, #606060);*/
    /*background-size: 100% auto;*/
    /*color: #fff;*/
    /*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);*/
    /*height:40px;*/
    /*border-top: 5px solid #606060;*/
}


.Qlogo {
    margin-right: 8px;
}

.QwhiteLogo {
    padding-top: 0;
    width: 32px;
}

.pageHeaderMarginMakeup {
    min-height: 65px;
}

#menuMask {
    background-color: #FFFFFF;
    opacity: 0.7;
    z-index: 2999;
    display: block;
    height: 100%;
    display: none;
}

.nav {
    /*font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;*/
    font-size: 12px;
}

#site_header {
    height: 42px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

#site_header h2 {
    /*font-family: arial,​helvetica,​sans-serif;*/
    font-size: 17px;
    margin: 0;
    padding: 11px 0 0;
}

#site_header a {
    color: #FFFFFF;
}

#sidebar-footer {
    background-color: #444;
    position: absolute;
    bottom: 5px;
    padding: 5px;
    width: 100%;
}

.headerContainer .nav-holder {
    height: 38px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}


.headerContainer .nav-holder .nav {
    margin: 0;
    padding: 0;
    list-style: outside none none;
}

.headerContainer .nav-holder ul.nav li {
    float: left;
    height: 38px;
}

.headerContainer .nav-holder ul.nav li.active a {
    background-color: #fff;
    color: #606060;
    font-weight: bold;
    text-shadow: none;
    padding: 9px 12px;
}

.headerContainer .nav-holder ul.nav li a {
    color: #fff;
    background: transparent none repeat scroll 0 0;
    font-weight: bold;
    text-shadow: none;
    padding: 8px 12px;
}

.headerContainer .nav-holder ul.nav li a.menu-button:hover {
    background-image: none !important;
    font-weight: bold;
    text-shadow: none;
    padding: 8px 12px;
}

.headerContainer .nav-holder ul.nav li a:hover {
    background-image: linear-gradient(#606060, #000000);
    font-weight: bold;
    text-shadow: none;
    padding: 8px 12px;
}

.headerContainer .nav-holder ul.nav li.active a:hover {
    color: #fff;
    padding: 8px 12px;
}


.headerContainer .dropdown-menu {
    margin: 0;
    padding: 0;
    list-style: outside none none;
}




.dropdown-menu {
    margin-top: 3px;
    padding: 0;
    list-style: outside none none;
}

.dropdown-menu li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
}

.dropdown-menu li.active a.dropdown-menu-item {
    background-color: #fff;
    color: #0379ab;
    font-weight: none !important;
    text-shadow: none;
    padding: 9px 15px;
}

.dropdown-menu li a.dropdown-menu-item {
    background-color: #606060 !important;
    background-image: linear-gradient(#606060, #606060) !important;
    color: #fff !important;
    font-weight: normal !important;
    text-shadow: none !important;
    padding: 9px 15px !important;
}

.dropdown-menu li a.dropdown-menu-item:hover {
    background-color: #393939 !important;
    background-image: linear-gradient(#393939, #606060) !important;
    background-size: 100% auto !important;
}

.dropdown-menu li.active a.dropdown-menu-item:hover {
    color: #fff !important;
}

.page-header h5 {
    margin-top: 20px;
}

.page-header h4 {
    margin-top: 23px;
}

.page-header h3 {
    padding-top: 20px;
}

.nav-album h3 {
    padding-top: 20px;
}

.nav-album #proofing_bar {
    padding-top: 13px;
}

.catImageUploadBut input {
    width: 165px;
}

/* adjust the contents on smaller devices */
@media (max-width: 768px) {

    .column .padding {
        padding: 7px;
    }
}


/*
 * off canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-left.active {
        left: 33%;
    }

    .row-offcanvas-left.active .sidebar-offcanvas {
        left: -33%;
        position: absolute;
        top: 0;
        width: 33%;
        margin-left: 5px;
    }

    #sidebar,
    #sidebar a,
    #sidebar-footer a {
        padding-left: 3px;
    }
}


#nav-menu li a:hover,
.nav-menu li a:active,
.nav-menu li a:focus {
    text-decoration: none;
    border-bottom: 3px solid #cdcabf;
}

#nav-menu li a {
    color: #000000;
    text-decoration: none;
}

#nav-menu .item1,
#nav-menu .item2,
#nav-menu .item3,
#nav-menu .item4,
#nav-menu .item5,
#nav-menu .item6,
#nav-menu .item8,
#nav-menu .item9,
#nav-menu .item10 {
    height: 32px;
    line-height: 2em;
    float: left;
    width: auto;
    margin-right: 30px;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
    font-size: 15px;
    cursor: pointer;
}


#nav-menu .itemlast {
    height: 32px;
    line-height: 2em;
    float: left;
    width: auto;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
    font-size: 15px;
}


#nav-menu .current a {
    color: #000000;
    border-bottom: 3px solid #cdcabf;
}


/* Main navigation ends here*/

/* ///////////////////////////////////////////////////////////////////// 
//  007 - SETTINGS NAVIGATION
/////////////////////////////////////////////////////////////////////*/
.fixed_settings {
    height: 27px;
    padding-left: 0;
    padding-right: 0;
}

.settingsMarginMakeup {
    min-height: 1px;
    margin-top: 80px;
}

.setting_nav_holder {
    height: 35px;
}

.setting_section {
    background-color: #ffffff;
    border-right: 1px solid #dddddd;
    display: block;
    margin-bottom: -1px;
    padding: 5px 0px;
    position: relative;
    height: 100%;
    cursor: pointer;
}

.setting_section:hover {
    background-color: #393939;
}

.setting_section:hover a {
    color: #FFFFFF;
}

.setting_section.active {
    background-color: #393939;
}


.setting_section img {
    margin-bottom: 5px;
    width: 20%;
    max-width: 40px;
}

.setting_section a {
    color: #000000;
}

.setting_section a:hover,
.setting_section.active a,
.setting_section.active a:hover {
    color: #FFFFFF;
}

.settings_section_10 {
    width: 10%;
    float: left;
}

.settings_section_9:first-child {
    width: 12%;
    float: left;
}

.settings_section_9 {
    width: 11%;
    float: left;
}


.settings_section_8:first-child {
    width: 11%;
    float: left;
}

.settings_section_8:last-child {
    width: 11%;
    float: left;
}

.settings_section_8 {
    width: 13%;
    float: left;
}

.settings_section_7 {
    width: 14%;
    float: left;
}

.settings_section_7:first-child {
    width: 15%;
    float: left;
}

.settings_section_7:last-child {
    width: 15%;
    float: left;
}


ul.sub_nav {
    border-bottom: 1px solid #eeeeee;
    float: left;
    min-height: 27px;
    display: none;
    width: 100%;
    padding-left: 15px;
}

ul.sub_nav.in {
    display: block;
}


ul.sub_nav .sub-nav-item.cactive {
    border-bottom: 1px solid #fff;
    background: transparent none repeat scroll 0 0;
}

ul.sub_nav .sub-nav-item.cactive a {
    color: #000000;
    font-weight: bold;
}

.sub-nav-item {
    border: 1px solid #eeeeee;
    float: left;
    height: 27px;
    margin: 0 2px;
    padding: 1px 15px;
    position: relative;
    width: auto;
    background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;
}

.sub-nav-item-button {
    border: 1px solid #eeeeee;
    float: right;
    height: 27px;
    margin: 0 2px;
    padding: 3px 15px;
    position: relative;
    width: auto;
    background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;
}

.settings-subnav-item {
    cursor: pointer;
}

@media (min-width: 380px) and (max-width: 1199px) {

    .setting_nav_holder {
        height: 55px;
    }

    .fixed_settings {
        height: 135px;
    }

    .settingsMarginMakeup {
        min-height: 1px;
        margin-top: 135px;
    }

}

/*--------------------------------------
SUB Navigation 
---------------------------------------*/

#nav-menu2 ul,
#nav-menu2a ul {
    list-style: none;
}

#nav-menu2 li,
#nav-menu2a li {
    float: left;
}


#nav-menu2 li a,
#nav-menu2a li a {
    text-decoration: none;
}

#nav-menu2a {
    height: 45px;
    padding-top: 0px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 13px;
    width: 980px;
    line-height: 19px;
    margin: 0px auto;
}

#nav-menu2a li a:hover,
.nav-menu2 li a:active,
.nav-menu2 li a:focus {
    text-decoration: underline;
}


#nav-menu2a .item21 {
    height: 32px;
    line-height: 2em;
    float: left;
    width: auto;
    margin-right: 24px;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

.item5555 a:hover,
a:active,
a:focus {
    text-decoration: none;
}

#nav-menu2 .item21,
#nav-menu2 .item22,
#nav-menu2 .item23,
#nav-menu2 .item24,
#nav-menu2 .item25,
#nav-menu2 .item26,
#nav-menu2 .item27 {
    height: 32px;
    line-height: 2em;
    float: left;
    width: auto;
    margin-left: 15px;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
}


#nav-menu2 .navmenu2item21,
#nav-menu2 .navmenu2item22,
#nav-menu2 .navmenu2item23,
#nav-menu2 .navmenu2item24,
#nav-menu2 .navmenu2item25,
#nav-menu2 .navmenu2item26,
#nav-menu2 .navmenu2item27 {
    height: 32px;
    line-height: 2em;
    float: left;
    width: auto;
    margin-right: 20px;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

#nav-menu2 .current a {
    color: #A0841F;
}

#nav-menu2 .currentforce a {
    color: #000000 !important;
}

#nav-menu2a .current a {
    color: #A0841F;
}


/*SUB navigation ends here*/


/*NAV MENU 3 starts here*/


#nav-menu3 {
    height: 46px;
    padding-top: 0px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 13px;
    width: 950px;
    float: left;
}

#nav-menu3 ul {
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav-menu3 li {
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    float: left;
    margin: 0 0.5em;
    font-size: 13px;
}

#nav-menu3 li a:hover,
.nav-menu2 li a:active,
.nav-menu2 li a:focus {
    text-decoration: underline;
}

#nav-menu3 li a {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.item5555 a {
    color: #A0841F;
    text-decoration: none;
    font-weight: normal;
    text-transform: none;
}

#nav-menu3 .item21,
#nav-menu2 .item22,
#nav-menu2 .item23,
#nav-menu2 .item24,
#nav-menu2 .item25,
#nav-menu2 .item26,
#nav-menu2 .item27 {
    height: 32px;
    line-height: 2em;
    float: left;
    width: auto;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
}


#nav-menu3 .current a {
    color: #A0841F;
}

/*NAV MENU 3 ends here*/

/*NAV MENU 5 starts here*/

#nav-menu5 {
    height: 46px;
    padding-top: 0px;
    font-size: 14px;
    width: 980px;
    float: left;
}

#nav-menu5 ul {
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav-menu5 li {
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-transform: uppercase;
}

#nav-menu5 li a:hover,
.nav-menu5 li a:active,
.nav-menu5 li a:focus {
    text-decoration: none;
}

#nav-menu5 li a {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}


#nav-menu5 .item21 {
    height: 32px;
    line-height: 2em;
    float: left;
    width: auto;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

#nav-menu5 #1.item21 {
    height: 30px;
    line-height: 2em;
    float: left;
    width: auto;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
}


#nav-menu5 .current a {
    color: #A0841F;
}


/*NAV MENU 5 ends here*/


/* ///////////////////////////////////////////////////////////////////// 
//  01 - DOWNLOADS & PRICING PAGE
/////////////////////////////////////////////////////////////////////*/

/*Span Styles Downloads Page START*/



/*Span Styles Downloads Page END*/


/* ///////////////////////////////////////////////////////////////////// 
//  01 - WEBDESIGNER STYLES
/////////////////////////////////////////////////////////////////////*/

.theme-buttons {
    margin-top: 30px;
}

.theme-buttons.newtheme {
    margin-top: 0;
    padding-top: 10px;
    float: left;
}

.changeEventForSlideshowContainer {
    padding-top: 10px;
    float: left;
}

.changeLandingImageContainer {
    padding-top: 10px;
    float: left;
}

.changeBannerImageContainer {
    padding-top: 10px;
    float: left;
}

#choose-theme {
    margin-bottom: 35px;
}

.intro_theme {
    margin: 0 0 2.8em 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}

.theme_item {
    border: 5px solid #f5f7f8;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    height: 250px;
}

.theme_item_new {
    border: 5px solid #ffffff;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 45px;
    padding-bottom: 15px;
    display: inline-block;
    float: none;
    vertical-align: top;
    max-width: 455px;
}

.theme_description_long {
    padding-bottom: 10px;
}


#themesContainer {
    max-width: 1395px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.settings_title_WS {
    font-size: 2.7em;
    font-weight: lighter;
    letter-spacing: 2px;
    padding-top: 10px;
}

.goToMyWebsite {
    color: black !important;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase
}

.theme_description {
    font-weight: lighter;
    font-size: 1.5em;
    letter-spacing: 1px;
}

.bannerImage img,
.landingImage img {
    width: 200px;
}


.theme_item.current,
.theme_item_new.current {
    border: 5px solid #dddddd !important;
}

#templateSelection .web_header {
    text-align: left;
    font-weight: bold;
    padding-bottom: 20px;
}

#templateSelection .lightboxImg {
    width: 100%;
}

#templateSelection .theme-buttons-preview:hover {
    background: rgb(255, 252, 244);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 252, 244, 1)), color-stop(100%, rgba(224, 216, 199, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf4', endColorstr='#e0d8c7', GradientType=0);
    /* IE6-9 */
    text-decoration: none;
}

#templateSelection .theme-buttons-preview {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 240, 234, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f0ea', GradientType=0);
    /* IE6-9 */
    padding: 3px 8px;
    border: 1px solid #CDCABF;
    margin-right: 8px;
    border-radius: 2px;
}

#templateSelection .theme-buttons-usetheme {
    padding: 3px 8px;
    border: 1px solid #CDCABF;
    border-radius: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 240, 234, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f0ea', GradientType=0);
    /* IE6-9 */
}

#templateSelection .theme-buttons-usetheme:hover {
    background: rgb(255, 252, 244);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 252, 244, 1)), color-stop(100%, rgba(224, 216, 199, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf4', endColorstr='#e0d8c7', GradientType=0);
    /* IE6-9 */
    text-decoration: none;
}

/* Image Sharing Page*/

#slidenav-menu5 li {
    float: left;
}

#homepage_slideshow_selection,
#collection_slideshow_selection {
    clear: both;
}

.slideshow_selection_item {
    height: 225px;
    min-width: 230px;
}

.mt-settings .slideshow_selection_item {
    margin-right: 20px;
    min-width: unset;
}

#show_client_sharing {
    width: auto;
}

.slideshow_selection_radio {
    margin-top: 10px;
}

#slideselect_header,
.albumsharinglinks_header {
    font-weight: bold;
    background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;
    padding: 10px 5px;
}

#slideselect-div #slideselect_header {
    overflow: auto;
}

#slideselect-div #slideselect_header p {
    font-weight: normal;
    margin: 0;
    font-size: 13px;
}

.slideshow_selection_img {
    border: 1px solid #cdcabf;
    width: 225px;
}

.mt-settings .slideshow_selection_img {
    width: 210px;
}

#saveslideshow {

    text-align: right;

}

#savealbslideshow {
    /*        clear:both;
    float:right;*/
    text-align: right;
}

.slideshow_radiobtn {
    width: 30%;
    float: left;
}

.ss_timing_radiobtn {
    float: left;
    width: 10%;
}

#collection_slideshow_selection {
    height: auto;
}

#slidenav-menu5 {
    margin-top: 0px;
    height: auto;
    float: none;
}

#lightbox-container-image-data-box {
    display: none !important;
}

#lightbox-container-image {
    padding: 5px !important;
}

/* Personalise page */
/* This yesnoswitch css does not work on ie8- */
.yesnoswitch {
    position: relative;
    width: 75px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
    margin-left: 15px;
}

.yesnoswitch-checkbox {
    display: none;
}

.yesnoswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #cdcabf;
    border-radius: 22px;
}

.yesnoswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.01s ease-in 0s;
    -webkit-transition: margin 0.01s ease-in 0s;
    -o-transition: margin 0.01s ease-in 0s;
    transition: margin 0.01s ease-in 0s;
}

.yesnoswitch-inner:before,
.yesnoswitch-inner:after {
    float: left;
    width: 50%;
    height: 22px;
    padding: 0;
    line-height: 22px;
    font-size: 14px;
    color: white;
    font-family: 'Futura W01 Book';
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 22px;
    box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.08) inset;
}

.yesnoswitch-inner:before {
    content: "ON";
    padding-left: 15px;
    background-color: #048abb;
    color: #FFFFFF;
    border-radius: 22px 0 0 22px;
}

.yesnoswitch-inner:after {
    content: "OFF";
    padding-right: 15px;
    background-color: #FFFFFF;
    color: #606060;
    text-align: right;
    border-radius: -1 22px 22px 1;
}

.yesnoswitch-switch {
    width: 24px;
    margin: 0px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #cdcabf;
    border-radius: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 51px;
    -moz-transition: all 0.01s ease-in 0s;
    -webkit-transition: all 0.01s ease-in 0s;
    -o-transition: all 0.01s ease-in 0s;
    transition: all 0.01s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
    background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
    background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
    background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
    box-shadow: 0 1px 1px white inset;
}

.yesnoswitch-checkbox:checked+.yesnoswitch-label .yesnoswitch-inner {
    margin-left: 0;
}

.yesnoswitch-checkbox:checked+.yesnoswitch-label .yesnoswitch-switch {
    right: 0px;
}


.transitionswitch {
    position: relative;
    width: 80px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
    margin-left: 15px;
}

.transitionswitch-checkbox {
    display: none;
}

.transitionswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #cdcabf;
    border-radius: 22px;
}

.transitionswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.01s ease-in 0s;
    -webkit-transition: margin 0.01s ease-in 0s;
    -o-transition: margin 0.01s ease-in 0s;
    transition: margin 0.01s ease-in 0s;
}

.transitionswitch-inner:before,
.transitionswitch-inner:after {
    float: left;
    width: 50%;
    height: 22px;
    padding: 0;
    line-height: 22px;
    font-size: 14px;
    color: white;
    font-family: 'Futura W01 Book';
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 22px;
    box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.08) inset;
}

.transitionswitch-inner:before {
    content: "Fade";
    padding-left: 15px;
    background-color: #048abb;
    color: #FFFFFF;
    border-radius: 22px 0 0 22px;
}

.transitionswitch-inner:after {
    content: "Switch";
    padding-right: 15px;
    background-color: #FFFFFF;
    color: #606060;
    text-align: right;
    border-radius: -1 22px 22px 1;
}

.transitionswitch-switch {
    width: 24px;
    margin: 0px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #cdcabf;
    border-radius: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    -moz-transition: all 0.01s ease-in 0s;
    -webkit-transition: all 0.01s ease-in 0s;
    -o-transition: all 0.01s ease-in 0s;
    transition: all 0.01s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
    background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
    background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
    background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
    box-shadow: 0 1px 1px white inset;
}

.transitionswitch-checkbox:checked+.transitionswitch-label .transitionswitch-inner {
    margin-left: 0;
}

.transitionswitch-checkbox:checked+.transitionswitch-label .transitionswitch-switch {
    right: 0px;
}

.switch-title {
    float: left;
    margin-left: 5px;
}

.ss_timing_radiobtn {
    margin-left: 15px;
}

.ss_timing_label {
    min-width: 120px;
}

#facebook-comments-div {
    clear: both;
    margin-left: 5px;
}

.facebook-annotation {
    font-style: italic;
}


/*--------------------------------------
Widget Styles 
---------------------------------------*/


.widgetlist {
    font-family: 'Futura W01 Book';
    font-size: 13px;
    background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;
    text-transform: uppercase;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #CDCABF;
    font-weight: normal;
    cursor: pointer;
}


#widget-name {
    border: 1px solid #CDCABF;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#widgetnotes {
    font-size: 11px;
    color: #555555;
}

.widgetbar {
    padding-top: 20px;
}


#widgets_guide {
    background-color: #ffffff;
}

/*--------------------------------------
Webdesigner Styles 
---------------------------------------*/

.navHeader {
    padding-bottom: 10px;
    border-bottom: 1px solid #CDCABF;
    margin-bottom: 5px;
    font-family: 'Futura W01 Book';
}


#webdesigner {
    height: 450px;
}

#webdesigner #nav-menu3 {
    width: 160px !important;
}

#webdesigner .web_header {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 5px;
    text-transform: uppercase;
}

#webdesigner .web_header_bold {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 5px;
    text-transform: uppercase;
}

#website_customize_main {
    background-color: #FFFFFF;
}

#web_pages_main {
    background-color: #F7F4EF;
    width: 760px;
    float: left;
    margin: 0 0 40px;
    padding: 20px;
}

#web_designer_nav {
    width: 160px;
    margin-top: 20px;
    clear: both;
    padding-left: 0;
    float: left;
    margin-right: 10px
}

#web_designer .use_bold {
    font-weight: bold;
}

.newpagelabel {
    padding-top: 3px;
    text-align: left;
}

.webpage_editview {
    margin-bottom: 10px;
}

.padbottom {
    padding-bottom: 15px;
}

.no_bmargin {
    margin-bottom: 0 !important;
}

#web_designer .frmSubmitTheme {
    margin-top: 60px;
}

#preferences-home ul {
    margin-left: 0px;
    padding-left: 0px;
}

#preferences-home ul li {
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase;
    list-style: none;
}

#txtareaPageOpt {
    width: 293px;
    height: 116px;
}

.frmNavigationInput {
    width: 250px;
}

#pick-a-theme {
    width: 100%;
    /*    height: 400px;*/
}

#webdesigner #nav-menu3 .current a,
#webdesigner #nav-menu4 .current a {
    color: #A0841F;
}


#webdesigner #nav-menu3 li a,
#webdesigner #nav-menu4 li a {
    color: #000000;
    text-decoration: none;
}

#nav-menu4 .not_current a {
    color: #000000 !important;
    text-align: left;
}

#nav-menu4 .current a {
    text-align: left;
}

.savesettings {
    margin-bottom: 10px;
    margin-top: -1px;
    float: right;
}


.footertext,
.websitenavigation,
.pick-a-theme,
.sitelogo {
    margin-bottom: 10px;
}


#webdesigner #nav-menu3 .item20,
#webdesigner #nav-menu3 .item19 {
    line-height: 2em;
    text-align: left;
    font-size: 14px;
}

#webdesigner #nav-menu4 .item21,
#webdesigner #nav-menu4 .item22,
#webdesigner #nav-menu4 .item23,
#webdesigner #nav-menu4 .item24,
#webdesigner #nav-menu4 .item25,
#webdesigner #nav-menu4 .item26,
#webdesigner #nav-menu4 .item27,
#webdesigner #nav-menu4 .item28,
#webdesigner #nav-menu4 .item29,
#webdesigner #nav-menu4 .item30 {
    line-height: 2em;
    text-align: left;
}


#webdesigner #nav-menu3 ul,
#webdesigner #nav-menu4 ul {
    list-style: none outside none;
    font-size: 14px;
}


#webdesigner #nav-menu4 ul li {
    clear: both;
}

#webdesigner #nav-menu3 {
    font-size: 14px;
}

.no_lmargin {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* ///////////////////////////////////////////////////////////////////// 
//  SEETINGS >> WATERMARKING PAGE STYLES
/////////////////////////////////////////////////////////////////////*/

.watermark_style.current {
    border: 2px solid #048fc2;
}

.watermark_style {
    border: 1px solid white;
    cursor: pointer;
    margin-left: 0;
    padding: 5px;
}

.watermark_li {
    float: left;
    height: 219px;
}

.color-red {
    color: red;
}

#btnWatermarkupload {
    margin-left: 0;
    clear: both;
}

#watermark_list {
    margin: 0;
    padding: 0;
}

.watermarks {
    float: left;
    margin-right: 20px;
}

.watermark-wrapper {
    position: relative;
    width: 210px;
    height: 210px;
    border: 2px solid #E5E5E5;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.watermark_delete_icons {
    float: left;
    cursor: pointer;
    margin-left: 5px;
}

.watermark-wrapper.current {
    border: 2px solid #048fc2;
}

.watermark-wrapper.bggray {
    background-color: #ddd;
}

.watermark-wrapper .portrait_img {
    height: 100%;
}

.watermark-wrapper .landscape_img {
    width: 100%;
}


.wm_image.current {
    border: 2px solid #BEA23E;
}

.wm_image {
    border: 1px solid #D4D5D6;
    cursor: pointer;
}

.portrait_img {
    height: 208px;
}

.landscape_img {
    width: 208px;
}

input.watermark_delete {
    margin-left: 0;
    margin-top: 10px;
}

input.btnWatermarkuse {
    margin-left: 10px;
    margin-top: 10px;
}

#watermark_ul {
    padding: 0;
}

.wm-default {
    padding: 0;
}

.collection_status_item {
    float: left;
    margin-right: 50px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  SEETINGS >> LOGOS PAGE STYLES
/////////////////////////////////////////////////////////////////////*/


#studioBio_textArea {
    height: 150px;
    width: 100%;
}

#website_studiobio_err {
    height: 0px;
    color: red;
    display: none;
}

.song-header {
    margin-left: 0;
    margin-top: 30px;
}

.logo-header {
    margin-top: 0;
}

.logo_wrapper {
    position: relative;
    width: 250px;
}

.current_logo img {
    width: 100%;
    border: 3px #E9E8E8 solid;
}

.current_logo img[src=""] {
    display: none;
}

#logoForGalleries {
    border: 3px #E9E8E8 solid;
}

#logoForGalleries[src=""] {
    display: none;
}

.upload-logo,
.upload-favicon,
#frmDeleteLogo {
    float: left;
    margin-top: 9px;
}

.upload-logo #btnMediaupload,
#btnFaviconupload {
    margin-left: 0;
}

#display_status1 {
    color: red;
    padding-left: 0;
}


.favicon-note {
    font-style: italic;
    margin-bottom: 10px;
    font-size: 12px;
}

.current_favicon {
    position: relative;
    width: 50px;
}

#favicon-img {
    border: 3px #E9E8E8 solid;
    width: 100%;
}

#favicon-img[src=""] {
    display: none;
}

/* ///////////////////////////////////////////////////////////////////// 
//  SEETINGS >> EVENT DEFAULTS PAGE STYLES
/////////////////////////////////////////////////////////////////////*/

.settings_event_defaults .columnRow {
    clear: both;
    min-height: 35px;
    margin-top: 6px;
}

.settings_event_defaults .columnColumn {
    color: #000000 !important;
    font-weight: bold;
    font-size: 15px;
}

.settings_event_defaults .columnColumnChange {
    color: #048abb !important;
    cursor: pointer;
}

.settings_event_defaults .columnColumnChange span {
    color: #048abb;
    cursor: pointer;
    /*font-family: Helvetica,Arial,sans-serif !important;*/
    font-size: 13px !important;
    font-weight: normal !important;
    margin-left: 3px;
}

.settings_event_defaults .columnColumnChange input {
    /*font-family: Helvetica,Arial,sans-serif !important;*/
    font-size: 13px !important;
    height: 18px !important;
    padding: 0 !important;
    width: 75px !important;
}

.settings_event_defaults #clearSharingDays {
    color: #ff0000;
    font-weight: bold;
}

.settings_event_defaults #clearSharingDays:hover {
    color: #ff0000;
}

.settings_event_defaults #clearSharingDays.on {
    display: inline;
}

.settings_event_defaults #clearSharingDays.off {
    display: none;
}

.settings_event_defaults .collection-permission-change {
    text-transform: capitalize;
}

.settings_event_defaults #sharingDaysDiv {
    display: none;
    line-height: 33px;
}

.settings_event_defaults #sharingDaysDiv input[type="text"] {
    float: left;
    width: 75px !important;
}

.settings_event_defaults .selectboxit-text {
    padding: 0 !important;
    text-indent: 0 !important;
}


/* ///////////////////////////////////////////////////////////////////// 
//  01 - ALBUM SETUP PAGE STYLES
/////////////////////////////////////////////////////////////////////*/

.progresspie {
    margin-right: 10px;
    padding-top: 4px;
}

.design {
    margin-right: 10px;
    padding-top: 10px;
}

#filtered_album_type li a {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 2em;
}

#filtered_album_type li {
    float: left;
    margin-right: 10px;
}

#all_images li {
    float: left;
    margin-right: 20px;
}

#template_sizes li {
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}

#filtered_album_format li {
    float: left;
    margin-right: 10px;
}

#finalPages a {
    color: #000000;
}

#finalPages .current a,
#filtered_album_type .current a,
#filtered_album_format .current a,
#filtered_cover_material_type .current a,
#filtered_cover_material .current a {
    color: #A0841F;
}

#filtered_album_format li a {
    color: #000000;
    text-decoration: none;
}

#filtered_cover_material_type li {
    float: left;
    margin-right: 20px;
}

#filtered_cover_material_type li a,
#filtered_cover_material li a {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}

#filtered_cover_material_type ul h3 {
    clear: both;
    padding-top: 16px;
}

#design_method_questions li {
    float: left;
    margin-right: 10px;
    margin-bottom: 25px;
}

#filtered_cover_material li a p,
#filtered_cover_style_option_1 li a p {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    height: 35px;
    margin: 0 0 5px 0;
}

#filtered_cover_material .coverM li a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}

#filtered_cover_material li,
#filtered_cover_style_type li,
#filtered_cover_style_option_1 li,
#filtered_cover_style_option_2 li {
    float: left;
    margin-right: 10px;
}

#filtered_cover_style_type li a,
#filtered_cover_style li a,
#filtered_cover_style_option_1 li a,
#filtered_cover_style_option_2 li a {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}

#filtered_cover_material ul h3,
#filtered_cover_style_type ul h3,
#filtered_basepagetype ul h3 {
    clear: both;
    padding-top: 16px;
}

#filtered_cover_style_type .current a,
#filtered_basepagetype .current a,
#filtered_cover_style .current a,
#filtered_cover_style_option_1 .current a {
    color: #A0841F;
}

#filtered_basepagetype li,
#filtered_cover_style li {
    float: left;
    margin-right: 20px;
}

#filtered_basepagetype li a {
    color: #000000;
    text-decoration: none;
}


#filtered_cover_style ul h3,
#filtered_cover_style_option_1 ul h3,
#filtered_cover_style_option_2 ul h3,
#filtered_cover_style_option_3 ul h3 {
    clear: both;
    padding-top: 14px;
}


#filtered_cover_style_option_3 li a {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}


#filtered_cover_style_option_2 .current a,
#filtered_cover_style_option_3 .current a,
#filtered_mat_color .current a,
#filtered_page_type .current a {
    color: #A0841F;
}

#filtered_cover_style_option_3 li,
#filtered_mat_color li,
#filtered_page_type li,
#filtered_basepagetype li {
    float: left;
    margin-right: 10px;
}

#filtered_cover_style .coverSY li a,
#filtered_mat_color li a,
#filtered_page_type li a,
#filtered_basepagetype li a {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}

#filtered_page_type li a p,
#filtered_personalization li a p {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    height: 35px;
    margin: 0 0 5px 0;

}

#filtered_personalization li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#filtered_personalization li a {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    height: 35px;

}

#filtered_personalization .current a,
#filtered_lab .current a,
#filtered_service .current a,
#filtered_questions .current a {
    color: #A0841F;
}

#filtered_lab li,
#filtered_service li {
    float: left;
    margin-right: 10px;
}

#filtered_lab li a {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}


#filtered_service li a,
#filtered_questions li a {
    color: #000000;
    text-decoration: none;
}

#filtered_questions li {
    float: left;
    margin-right: 20px;
}

#filtered_questions ul h3 {
    clear: both;
    padding-top: 14px;
}

#ProceedFurther li {
    float: left;
    margin-right: 20px;
}

#ProceedFurther ul h3 {
    clear: both;
    padding-top: 14px;
}

#ProceedFurther li a {
    color: #000000;
    text-decoration: none;
}

#ProceedFurther .current a {
    color: #A0841F;
}

.albumselectheading,
.albumselectheading2 {
    clear: both;
    font-size: 24px;
    text-transform: uppercase;
    width: 980px;
    padding: 5px 0 10px 0;
}

.infolink {
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 13px;
    text-transform: none;
    float: right;
}

.albumrange1 a,
.albumtype a,
.servicetype a {
    color: #151517;
    text-decoration: none;
}


/*--------------------------------------
Album Setup Popup Styles 
---------------------------------------*/


#productRange1 {
    height: 150px;
    padding-top: 0px;
    font-size: 14px;
    width: 915px;
    float: left;
}

#productRange1 ul {
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#productRange1 li {
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-transform: uppercase;
}

#productOption2 {
    height: 150px;
    padding-top: 0px;
    font-size: 14px;
    width: 730px;
    float: left;
}

#productOption2 ul {
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#productOption2 li {
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-transform: uppercase;
}

#productOption1 {
    height: 150px;
    padding-top: 0px;
    font-size: 14px;
    width: 730px;
    float: left;
}

#productOption1 ul {
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#productOption1 li {
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-transform: uppercase;
}

#service1 {
    height: 150px;
    padding-top: 0px;
    font-size: 14px;
    width: 915px;
    float: left;
}

#service1 ul {
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#service1 li {
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-transform: uppercase;
}

/*ALBUM SETUP POPUPS style ends here*/



/* ///////////////////////////////////////////////////////////////////// 
//  05 - EVENT STYLES
/////////////////////////////////////////////////////////////////////*/

.galleryContainer {
    border: 0px solid #000000;
    width: 200px;
    height: 300px;
}

#gallery_title {
    position: relative;
    margin-top: 85px;
    margin-left: 195px;
    font-size: 15px;
}


#gallery_find_out {
    position: relative;
    margin-left: 174px;
    font-size: 14px;
}

#gallery_find_out:hover {
    color: #048abb;
    cursor: pointer;
}


#galleryGrid {
    border: 0px solid #FF0000;
}


#gal_container {
    float: left;
    width: 188px;
    height: 260px;
    background-color: #F7F4EF;
    color: #353535;
    margin-top: 10px;
}

#gal_container:hover {
    background-color: #e8e5e1;
}

#gal_container #img_container {
    height: 130px;
    width: 168px;
    margin: 10px;
    overflow: hidden;
    text-align: center;
    background-color: #F7F4EF;
}

#gal_container #img_container:hover {
    background-color: #e8e5e1;
}

.gal_title {
    text-align: left;
    text-transform: uppercase;
    overflow: hidden;
}

#gal_container #createGallery {
    color: #353535;
    font-size: 14px;
    padding-top: 50px;
    text-align: center;
    cursor: pointer;
}

.collab_name,
.collab_title,
.collab_url {
    color: #999999;
}


a.first {
    font-size: 14px;
    color: #353535;
    text-decoration: none;
}

#actionMenu {
    padding-left: 8px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    border: 1px solid #BEBEBE;
    position: absolute;
    width: 200px;
}

#newgallerygraphic {
    margin: 48px 43px 0 43px;
}

#gal_container #createGallery:hover {
    color: #353535;
}

#galFunctions {
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;   */
    font-size: 13px;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

#albumFunctions {
    margin: 1px 0 10px 0;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 13px;
    border-top-color: #CDCABF;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 10px;
}

.gal_function a {
    color: #048abb;
    cursor: pointer;
}

.gal_function a:hover {
    color: #9C9066;
}


#collab_area {
    height: 125px;
    overflow: auto;
    width: 740px;
    float: left;
}

#add_more {
    margin-top: 15px;
    color: #048abb;
}

.emptyClearrow {
    height: 18px;
    clear: both;
}


#galleryTable {
    margin-bottom: 30px;
    margin-top: 10px;
}

#galleryarchive {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 20px 10px 15px 0;
}

#galleryid {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 20px 0 15px 20px;
}


#galleryname {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 5px 0px 5px 0;
}

#gallerycreateon {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 5px 0px 5px 0;
}


#galleryviews {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 20px 0 15px 0;
}

#galleryedit {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 20px 20px 15px 0;
}

#galleryshare {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 20px 10px 15px 0;
}

#table-share {
    padding-left: 15px;
}

.manageTab {
    background-color: #606060;
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #fff;
    min-height: 33px;
}

#editTitle input {
    color: black;
    height: 23px;
}

.dropboxuploader {
    background-color: #FFFFFF;
    font-size: 14px;
    padding: 15px 0px 0px;
}

.small_tutorial img {
    width: 16px;
    height: 16px;
    margin-top: -1px;
    margin-left: 4px;
}

.manageTab.listView {
    background-color: #efefef;
    color: #000;
}

.imageresizerHolder {
    padding-top: 6px;
}

#imageresizer .ui-state-default,
#imageresizer .ui-widget-content .ui-state-default {
    background: #fff none repeat scroll 0 0 !important;
    cursor: pointer;
}


.collection {
    cursor: pointer;
    position: relative;
    clear: left;
    height: 42px;
}

.collection:hover {
    cursor: pointer;
}

.category {
    cursor: pointer;
    position: relative;
    clear: left;
    overflow: auto;
    height: 42px;
}


.category:hover {
    cursor: pointer;
}

.categoryheader {
    border-top: 1px solid #cdcabf;
    padding-top: 12px;
}

.current_collection {
    border: none;
}

.current_category {
    background-color: #F7F4EF;
    margin-right: -10px;
    border: none;
}


.collection_color_box {
    float: left;
    height: 100%;
    width: 6px;
}

.imagecollectionsContainer .categoryDroppable.list-group-item:nth-child(n+6) .collection_color_box {
    cursor: grab;
}

.cactive .collection_color_box {
    background-color: #bea23e;
}

.collection_text {
    float: left;
    word-break: break-all;
    width: calc(100% - 6px);
    padding-left: 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

.category_text {
    float: left;
    word-break: break-all;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
    width: calc(100% - 6px);
}

.collection_title {
    font-size: 14px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
}


.category_title {
    font-size: 14px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
}

.collection_subtitle {
    color: #353535;
    font-size: 13px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    width: 120px;
}

.category_subtitle {
    color: #353535;
    font-size: 13px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    width: 155px;
    padding-left: 0px;
    text-transform: none;
}

.delete_collection {
    float: left;
    margin-top: 3px;
}

.delete_category {
    float: right;
    margin-top: 3px;
    margin-right: 3px;
}

#newCollection {
    margin-bottom: 13px;
    float: right;
}

#newCategory {
    margin-bottom: 10px;
    float: right;
}

#newCategory input {
    width: 178px;
    color: #000000;
    border: 1px solid #cbcbcb;
    height: 21px;
    font-size: 16px;
}

#newCollection input {
    width: 178px;
    color: #000000;
    border: 1px solid #cbcbcb;
    height: 21px;
    font-size: 16px;
}


#collection_properties {
    height: 30px;
    padding-top: 4px;
}

.colHead1 {
    margin-top: 0px;
    font-size: 15px;
}

.colHead1 #coverPage {
    height: 100px;
}

.colHead1 #coverPage img {
    height: 100%;
}

.colHeadTitle {
    color: #353535;
    font-size: 14px;
    text-transform: uppercase;
}

.colHeadSubTitle {
    color: #353535;
    font-size: 14px;
    margin-left: 2px;
    text-transform: uppercase;
}

.colHead2 {
    float: right;
    margin-top: 0px;
    margin-right: 5px;
}

.colHead3 {
    float: right;
    margin-top: -5px;
    margin-right: 20px;
    background: url('../images/gallery_images/storyboard.png') no-repeat right top;
    width: 218px;
    height: 36px;
    cursor: pointer;
}

#collection_permission_container {
    color: #353535;
    font-size: 13px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;    */
}

.colHead2 select {
    width: 150px;
    font-size: 14px;
    height: 25px;
}

.colHead2SlideSelect {
    float: left;
}

#preview {
    float: left;
    margin-top: 0px;
    margin-left: 15px;
}

#collection_share_container {
    margin-top: 7px;
}

.embedshare {
    float: left;
    margin-right: 32px;
    cursor: pointer;
}

.linkedinshare {
    float: left;
    margin-right: 32px;
    cursor: pointer;
}

.googleshare {
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.emailshare {
    float: left;
    cursor: pointer;
    margin-right: 32px;
}

.twitshare {
    float: left;
    cursor: pointer;
    margin-right: 32px;
}

.faceshare {
    float: left;
    cursor: pointer;
    margin-right: 32px;
}

.faceshare a,
.twitshare a,
.emailshare a,
.embedshare a,
.googleshare a,
.linkedinshare a {
    color: #353535;
    text-decoration: none;
}

.faceshare a:hover,
.twitshare a:hover,
.emailshare a:hover,
.embedshare a:hover,
.googleshare a:hover,
.linkedinshare a:hover {
    color: #353535;
    text-decoration: none;
}

.faceshare a:visited,
.twitshare a:visited,
.emailshare a:visited,
.embedshare a:visited,
.googleshare a:visited,
.linkedinshare a:visited {
    color: #353535;
    text-decoration: none;
}

.sharethis {
    color: #353535;
    font-size: 13px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    float: left;
}

.paging_container {
    font-size: 13px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    padding: 0px;
    height: 30px;
}


.paging_container strong {
    color: #353535;
    font-weight: normal;
    border: 1px solid #E5E5E5;
    padding: 1px 4px;
    background-color: #cccccc;
}

.paging_container a {
    color: #353535;
    text-decoration: none;
    border: 1px solid #E5E5E5;
    padding: 1px 4px;
}

.paging_container a:hover {
    color: #353535;
    text-decoration: none;
}

.paging_container a:visited {
    color: #353535;
    text-decoration: none;
}

.colHead31 {
    width: 218px;
    text-align: center;
    font-size: 15px;
    font-family: 'GlyphaLTW02-45LightObli';
    color: #353535;
    margin-top: 10px;
}

.colHead32 {
    width: 152px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 9px;
}

.colHead33 {
    width: 152px;
    text-align: center;
    font-size: 12px;
    font-family: 'GlyphaLTW02-45LightObli';
    color: #FFFFFF;
    margin-top: 9px;
}

.imageThumbContainer150 {
    width: 100%;
    height: 175px;
    overflow: hidden;
}

.imageThumbContainer150 img {
    cursor: pointer;
}

.imageThumbContainer150 img.orientation_l_150 {
    height: 100%;
}

.imageThumbContainer150 img.orientation_v_150 {
    width: 100%;
}

.img_container_parent {
    height: 220px;
}

.imagesource_title {
    width: 100%;
}

.imageThumbContainer150.imagesource {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.makeBorder {
    height: 100%;
    border: 3px solid #e5e5e5;
    padding-bottom: 5px;
    overflow: hidden;
}

.makeBorder:hover {
    background-color: #e8e5e1;
    cursor: pointer;
}

.imageThumbContainer150 img.orientation_l_150_2 {
    width: 100%;
}

.imageThumbContainer150 img.orientation_v_150_2 {
    height: 100%;
}

.noimageavailable.imagesource {
    height: auto;
    border: none;
    padding-top: 0;
}

.noimageavailable {
    color: #C9C9C9;
    font-family: 'Futura W01 Book';
    padding-top: 50px;
    text-align: center;
    height: 100%;
    border: 3px dashed #C9C9C9;
}

.noimageavailable div:first-child {
    font-size: 46px;
    height: 40px;
    font-weight: bold;
}

.noimageavailable div {
    font-size: 15px;
    font-weight: bold;
}

.gallery_info_right {
    height: 175px;
}

.gal_collection,
.flex_center {
    display: -webkit-flex;
    /* Safari */
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    justify-content: center;
    align-items: center;
}


.sidebar-header-image {
    max-width: 100%;
    height: auto;
    display: block;
}


.fancy-tab .tab-contents .tab-content.active {
    -webkit-animation: none;
    animation: none;
}


.back_to_event {

    color: #bea23e;
    font-weight: bold;
    text-transform: capitalize;
    cursor: pointer;

}

.upload_now #fine-uploader .qq-gallery.qq-uploader:before {
    margin-top: 20px;
}

/*--------------------------------------
SWF UPLOAD Styles 
---------------------------------------*/

.swfupload {
    vertical-align: top;
}


.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}

/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}

/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #cccccc;
    background-color: #ffffff;
}

/* Complete */
.blue {
    border: solid 1px #048abb;
    background-color: #eeeeee;
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: #999999;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    /*background-image: url(../images/cancelbutton.gif);*/
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}




/*EVENT STYLES end here*/



/* ///////////////////////////////////////////////////////////////////// 
//  01 - ALBUMS
/////////////////////////////////////////////////////////////////////*/

#designTools {
    height: 20px;
    margin-bottom: 8px;
}

#imageStrip {
    height: 90px;
    position: relative;
}

#albumLeaves {
    background: #f7f4ef;
    position: relative;
    height: 493px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#albumWorkspace {
    background: yellow;
}

.albumFrontWrapper,
.albumBackWrapper {
    text-align: center;
    height: 100%;
    display: table;
}

.albumFrontWrapper>div,
.albumBackWrapper>div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

/*--------------------------------------
List View css starts here
---------------------------------------*/

.listViewHeader {
    /*background: #EFEFEF none repeat scroll 0 0;*/
    /*border-bottom: 1px solid #b7c0c7;*/
    min-height: 40px;
    color: #000;

    display: flex;
    width: 100%;
}

.listViewHeader.auto_height {
    height: auto;
}

.listViewHeader2 {
    /*background: #fcf9f9 none repeat scroll 0 0;*/
    /*border-bottom: 1px solid #b7c0c7;*/
    min-height: 40px;
    color: #000;
    display: flex;
    width: 100%;
}


.listViewRow {
    min-height: 40px;
    border-bottom: 2px solid #F9F9F9;
    padding-left: 0;
    display: flex;
    width: 100%;
}

.listViewRow.albumPriceRow {
    border-bottom: none;
}

.listViewRow td {
    padding: 0;
}

.listViewRow.auto_height {
    height: auto;
}

.listViewRowNoBgColor {
    /*height: 40px;*/
    padding: 8px 0;
    background: #ffffff none repeat scroll 0 0 !important;
    /*border-bottom: 1px solid #eeeeee;*/
    /*display:table;*/
    width: 100%;
}

#mainGallery .listViewRowNoBgColor {
    padding: 11px 0;
    margin: 0;
}

.fancy-tab .nav-bar {
    border-bottom: 2px solid #f9f9f9;
}

#mainGallery .nav-bar-item>svg,
#mainGallery .nav-bar-item-dummy>svg {
    font-size: 1.6em;
}

.listViewRow .form-control,
.listViewHeader .form-control {
    height: 22px;
    padding: 0 10px;
}



#compareCvr .listViewRow {
    background: #fafafa none repeat scroll 0 0 !important;
}

.trimText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-menu.actions::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 50%;
    top: -20px;
    border: 9px solid;
    border-color: transparent #ABABAB #ABABAB transparent;
}

.dropdown-menu.actions {
    background-color: #fff !important;
    margin-top: 20px;
    border: 4px solid #ABABAB !important;
}

.dropdown-menu.actions li {
    border: 0px !important;
}

.dropdown-menu.actions li div {
    padding: 5px;
}

/*--------------------------------------
List View css ends here
---------------------------------------*/

/*--------------------------------------
Albums List/Gallery
---------------------------------------*/

.albums-table-row {
    clear: both;
}

#des-table-blank {
    font-weight: normal;
    font-size: 13px;
    float: left;
}


#des-modified-at {
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}


#des-modified-by {
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}

table#_galleryTable {
    float: left;
}

table#galleryTable th {
    height: 54px;
    font-weight: 700;
    background-color: #f7f4ef;
}

table#galleryTable td {
    height: 54px;
}



.tablebackground {
    background-color: #ffffff;

}

table#_design_albums {
    float: left;
}

table#design_albums2 {
    background-color: #F7F4EF;
    width: 900px;
}


#table-preview-album {
    padding-left: 20px;
}

#table-archived {
    float: left;
    width: 25px;
}


#table-delete {
    float: left;
    width: 25px;
}

#table-move {
    float: left;
    width: 25px;
}

#table-dup {
    float: left;
    width: 25px;
}

#table-edit {
    float: left;
    width: 25px;
}

#table-upload {
    float: left;
    width: 25px;
}

table#design_albums {
    width: 980px;
}

table#design_albums th {
    background-color: #F7F4EF;
    font-weight: 700;
}

table#design_albums td {
    height: 30px;
}

/*--------------------------------------
Album Sharing  
---------------------------------------*/


.share_form_label {
    font-family: georgia !important;
    font-size: 12px !important;
    float: left;
    width: 110px;
    text-align: right;
    vertical-align: bottom;
    margin-top: 15px;
}


.share_form_label_submit {
    width: 110px;
    text-align: left;
    margin-left: 210px !important;
    margin-top: 13px !important;
}

.share_form {
    margin-left: 25px !important;
    width: 170px !important;
    text-align: left;
}

.share_form_radio {
    margin-left: 25px !important;
    width: 40px !important;
}

.submitButton {
    background: gray;
    color: white;
}


/* ///////////////////////////////////////////////////////////////////// 
//  01 - TEMPLATE STORE
/////////////////////////////////////////////////////////////////////*/



#template_list th {
    font-size: 14px;
    text-transform: uppercase;
    padding: 20px 0 15px 0;
}

.category_name a {
    color: #151517;
}

table#listbycategory {
    background-color: #F7F4EF;
}

table#listbycreator {
    background-color: #F7F4EF;
}

table#listbytag {
    background-color: #F7F4EF;
}

#templateiteminfo {
    width: 350px;
    float: left;
}

.template_name {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 0 15px 0;
    color: #353535;
}


.template_image {
    margin: 0 0 15px 0;

}

.search-toolbar {
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #000;
    padding: 10px;
    height: 60px;
    /*background: rgb(52,52,52);*/
    position: relative;
    text-align: center;
}

.searchNavResult {
    font: bold 10px;
    color: rgb(150, 150, 150);
    text-align: center;
}

.this-nav {
    font: 15px;
    color: rgb(0, 99, 220);
    border-color: rgb(200, 200, 200);
    border-width: thin;
    border-style: solid;
    padding-left: 5px;
    padding-right: 5px;
}

.this-nav-disable {
    font: 15px;
    color: rgb(150, 150, 150);
    border-color: rgb(150, 150, 150);
    border-width: thin;
    border-style: solid;
    padding-left: 5px;
    padding-right: 5px;
}

.this-page {
    font: bold 18px;
    text-shadow: rgba(255, 255, 255, .2) 0 1px 1px;
    color: rgb(255, 0, 175);
    margin: 8px 8px 5px;
    -webkit-box-sizing: border-box;

}

.nav-to-page {
    font: bold 15px;
    text-shadow: rgba(255, 255, 255, .2) 0 1px 1px;
    color: rgb(0, 99, 200);
    margin: 8px 8px 5px;
    -webkit-box-sizing: border-box;
}

.template_creator {
    width: 300px;
    height: 25px;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.template_price {
    width: 300px;
    height: 25px;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 10px;
}

.template_category {
    width: 300px;
    height: 25px;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 10px;
}

.template_popularity {
    width: 300px;
    height: 25px;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 10px;
}

.template_release_date {
    width: 300px;
    height: 25px;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 10px;
}

.template_tags {
    width: 300px;
    height: 25px;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 10px;
}

.template_views {
    width: 300px;
    height: 25px;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 10px;
}

.buybutton {
    margin-left: 20px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px 12px 3px 12px;
    color: #ffffff;
    background: #048abb repeat-x;
}


.buybutton:hover {
    margin-left: 20px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px 12px 3px 12px;
    color: #ffffff;
    background: #bdad73 repeat-x;
    text-decoration: none;
}


.buybutton:visited {
    margin-left: 20px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px 12px 3px 12px;
    color: #ffffff;
    background: #048abb repeat-x;
    text-decoration: none;
}


#collection_description {
    width: 300px;
    margin-top: 15px;
}

table#template_image_list_table {
    margin-top: 48px;
}

table#featuredtemplates {
    margin-top: 20px;
}

table#toppaid {
    margin-left: 0px;
}

table#recentlyadded {
    margin-left: 0px;
}

table#featuredcreators {
    margin-left: 0px;
}

#store_toppaid {
    background-color: #EFEFEF;
    margin-right: 10px;
}

#store_recently_added {
    background-color: #EFEFEF;
    margin-right: 10px;
}


#store_featured_creators {
    background-color: #EFEFEF;
    margin-right: 10px;
}

.designstorelist {
    width: 100%;
}

.designstorelist .listViewHeader {
    display: table-row;
}

.designstorelist .listViewRow {
    height: 80px;
    display: table-row;
}

.designStoreFeatureImage {
    width: 314px;
}

.designStoreWrapper {
    max-width: 314px;
    margin: auto;
}

.designStoreTitle {
    background-color: #EFEFEF;
    height: 30px;
    padding-left: 20px;
}

.designStoreRow {
    min-height: 30px;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 20px;
}

/*END TEMPLATE STORE styles*/



/* ///////////////////////////////////////////////////////////////////// 
//  01 - PHOTOGRAPHERS PRODUCT PRICELIST styles
/////////////////////////////////////////////////////////////////////*/


a#submitfrmPricelist {
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    background-color: #353535;
    height: 19px;
    padding: 4px 10px 0 10px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}


.pricelistRow {
    height: 45px;
    border-bottom: 1px solid #CDCABF;
    padding: 10px 10px 20px 10px;
    clear: both;
}

.catTab {
    background-color: #E8E5E1;
    border-bottom: 1px solid #CDCABF;
    clear: both;
    color: #353535;
    height: 40px;
    padding: 10px 2px;
}

.pricebase {
    float: right;
    margin-right: 10px;
    color: #000;
}

.pricebase div {
    float: left;
    margin-left: 10px;
}

.pricebase .pull-right {
    padding-top: 0px;
}

.pricebase .pricebaseInput {
    float: left;
    margin-left: 5px;
}

.pricebase2 {
    clear: both;
    display: none;
    background-color: #FFFFFF;
    height: auto;
    width: 100%;
}

.pricebase2 .listViewHeader {
    height: 35px;
}

.pricebase2 .listViewRow {
    height: 35px;
    background-color: #FFFFFF !important;
}

#frmPriceListProducts {
    padding-bottom: 70px;
}

#frmPriceListProducts .listViewRow {
    background-color: #FFFFFF !important;
}

.autoPricebase2 {
    clear: both;
    display: none;
    background-color: #FFFFFF;
    height: auto;
    width: 100%;
}

.selfPricebase2 {
    clear: both;
    display: none;
    background-color: #FFFFFF;
    height: auto;
    width: 100%;
}

.finishOption {
    float: left;
    margin-right: 20px;
    padding-left: 10px;
}


.pl-options {

    clear: both;
    height: 35px;
}

.pl-suboptions {
    clear: both;
    height: 40px;
}

.pl-options1 {
    clear: both;
    height: 35px;
    margin-top: 31px;
    padding-top: 8px;
    padding-left: 10px;
}

.pl-suboptions1 {
    clear: both;
    height: 39px;
}

.baseSubHeadings {
    text-align: center;
}

.baseSubHeadings1 {
    width: 100%;
    float: left;
    text-align: center;
}

.pricelistTitle {
    float: left;
    margin: 5px 0 18px 20px;
    text-transform: uppercase;
    width: 710px;
}

.pricelistOptions {
    float: left;
    margin: 5px 0 18px 20px;
}

.regionTab {
    clear: both;
    padding: 10px 2px;
    color: #353535;
    height: 20px;
    font-family: 'Futura W01 Heavy';
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #e8e5e1;
    border-bottom: 1px solid #CDCABF;
}

.vendorContainer {
    clear: both;
    padding-bottom: 10px;
    padding-top: 20px;
    background-color: #FFFFFF;
    border: 1px solid #CDCABF;
    border-top: 0px;
    height: 50px;
}

.vendorInfo {
    float: left;
    width: 850px;
    margin-left: 10px;
}

.eventtagdirections {
    font-size: 12px;
    font-style: italic;
    color: gray;
    margin-bottom: 10px;
    width: 890px;
}

.vendorRadio {
    float: left;
    padding: 20px;
}

.vendorname {
    font-size: 14px;
    text-transform: uppercase;
}


.vendordesc {
    font-size: 13px;
}


.chooseProductCatTitle {
    cursor: pointer;
    float: left;
}


.chooseProductCatSubTitle {
    color: #353535;
    height: 20px;

    font-size: 13px;
}

.productContainer {
    background-color: #efefef;
    border-bottom: 1px solid #b7c0c7;
    height: 45px;
    font-weight: bold;
}

.productContainerTitle {
    padding: 15px 5px 5px 10px;
}

.addProduct {
    background-color: #000000;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    margin-left: 3px;
    margin-top: 15px;
    text-align: center;
    cursor: pointer;
}

.addCustomRecord {
    height: 35px;
    text-transform: none;
    margin-top: 0px;
    font-size: 11px;
}

.totalProducts {
    background-color: #606060;
    color: #FFFFFF;
    text-align: center;
    width: 21px;
    font-weight: bold;
}

.chooseCurrencyTitle {
    color: #353535;

    font-size: 13px;
    height: 20px;
    padding: 10px 5px 5px 5px;

}


#directDownloadOptions {
    float: left;
    margin-left: 5px;
}

.priceRegion {
    color: #353535;
    height: 20px;
    font-family: 'Futura W01 Book';
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px;
    background-color: #ccc7c1;
    float: left;
    width: 70px;
    margin-right: 5px;
    text-align: center;
    cursor: pointer;
}


.catContainer {
    clear: both;
    color: #353535;
    height: 20px;

    font-size: 13px;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #CDCABF;
    background-color: #e8e5e1;

}


#priceinfo {
    margin-top: 10px;
}


.type {
    padding-right: 10px;
    padding-top: 4px;
    width: 90px;
}

.pricelistoptions {
    height: 30px;

    clear: both;
}

#options {
    float: left;
    margin: 21px 0 18px 20px;

}

.price {
    padding-right: 25px;
    padding-top: 4px;
}

.entry {
    padding-right: 5px;
}

.profit {
    padding-top: 2px;
}

.packageProductsContainer {
    background-color: white;
}

/*Price list styles ends here*/


/* ///////////////////////////////////////////////////////////////////// 
//  01 - SUBSRIPTION PAGE STYLES
/////////////////////////////////////////////////////////////////////*/


#subscriptionTable {
    background-color: #ffffff;
    margin-bottom: 20px;
    margin-top: 10px;
}

#subscriptionTable td {
    padding-top: 20px;
    padding-bottom: 20px;
}

#subscriptionTable .note {
    font-size: 16px;
    text-transform: none;
}

#subscriptionTable2 {
    background-color: #ffffff;
    padding-bottom: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#GB {
    text-align: center;
    font-size: 14px;

    font-weight: 300;
}

#pricing {

    font-weight: 400;
    font-size: 12pt;
    text-align: center;

}


#plan-boxes {
    height: 350px;
    margin-bottom: 50px;
    margin-top: 40px;
}

.free-plan,
.entry-plan,
.basic-plan,
.pro-plan,
.basic-plan-life-time,
.lifetime-plan {
    width: 235px;
    float: left;
    margin-right: 10px;
    height: 349px;
}

.free-plan,
.entry-plan,
.basic-plan,
.proplus-plan,
.basic-plan-life-time,
.lifetime-plan {
    padding-top: 40px;
}

.entry-details,
.free-details {
    display: none;
}

.best-deal {
    background-color: #048abb;
    height: 30px;
    text-align: center;
    font-family: 'Futura W01 Book';
    font-size: 16px;
    color: #ffffff;
    padding-top: 5px;

}

.proplus-plan {
    width: 235px;
    float: left;
}

.black-box {
    background-color: #353535;
    height: 240px;
}

.data-box {
    background-color: #F7F4EF;
    height: 30px;
    text-align: center;
    font-family: 'Futura W01 Book';
    font-size: 16px;
    margin-top: 5px;
    padding-top: 10px;
    letter-spacing: 0.19em;
}

.num-photos {
    background-color: #F7F4EF;
    height: 34px;
    text-align: center;
    font-family: 'Futura W01 Book';
    font-size: 13px;
    padding-top: 0px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.plan-heading {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 19px;
    font-family: 'Futura W01 Book';
    letter-spacing: 0.100em;
}

.dollar {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
    position: relative;
    left: 34px;
    font-family: 'Futura W01 Light';

}

.amount {
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    left: 23px;
    font-family: 'Futura W01 Light';
    font-size: 70px;
    top: 40px;
    letter-spacing: -0.09em;
}

.permo {
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    left: 28px;
    font-family: 'Futura W01 Light';
    font-size: 24px;
    top: 40px;

}

.peryear {
    color: white;
    text-align: center;
    font-family: 'Futura W01 Light';
    font-weight: 300;
    font-size: 15px;
    position: relative;
    top: 73px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    width: 70%;
}

#servicedetails {
    width: 448px;
    font-size: 16px;

    font-weight: 300;
    padding-right: 10px;
    line-height: 1.500em;

}

#upgrade-note {
    font-size: 16px;

    font-weight: 300;
    line-height: 1.500em;
}

#free-note {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.500em;
}

#temp-galleries-note {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.500em;

}

#prices-in {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.500em;
}

#services {
    font-size: 12pt;
    width: 245px;
    line-height: 27px;
    padding-right: 10px;
    font-weight: bold;
}

#pro {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0px 15px 0;
}

#whatyouget {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    padding: 20px 0 15px 0px;
    font-weight: normal;
    font-family: "Futura W01 Light";
    line-height: 26px;
}

#currentplan {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    padding: 20px 0 15px 0px;
    font-weight: normal;
    font-family: "Futura W01 Light";
    line-height: 26px;
}


#details {
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    padding: 20px 0px 15px 0;
}

#proplus {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0px 15px 0;
}


#galleryviews {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 20px 0 15px 0;
}

#free {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0 15px 0;
}

#entry {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0 15px 0;
    font-family: "Futura W01 Heavy";
}

#basic {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0 15px 0;
}

#blank {
    width: 30px;
}


#chooseplan {
    margin: 20px;
    background-color: #F7F4EF;
    height: 200px;
    width: 670px;
}

#chooseplan form {
    width: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* subscriptions page*/
.scroll-down-bar {
    background-color: #f7f4ef;
    height: 65px;
    padding-top: 20px;
}

.scroll-down-bar a {
    color: #353535;
    text-decoration: none;
}

.scroll-down-bar-img {
    margin-top: 8px;
    width: 50px;
}

.subscriptionsContainer .free-plan .permo {
    left: 61px;
    font-size: 34px;
}

.subscriptionsContainer .entry-plan .peryear {
    font-size: 12px;
}

.subscriptionsContainer .lifetime-plan .dollar {
    left: 0;
}

.subscriptionsContainer .lifetime-plan .amount {
    letter-spacing: 0em;
    left: 0;
}

.subscriptionsContainer .lifetime-plan .permo {
    left: 0;
    top: 0;
}

.subscriptionsContainer .basic-plan .dollar {
    left: 0;
}

.subscriptionsContainer .basic-plan .amount {
    letter-spacing: 0em;
    left: 0;
}

.subscriptionsContainer .basic-plan .permo {
    left: 0;
}

.subscriptionsContainer .pro-plan .dollar {
    left: 0;
}

.subscriptionsContainer .pro-plan .amount {
    letter-spacing: 0em;
    left: 0;
}

.subscriptionsContainer .pro-plan .permo {
    left: 0;
}

.subscriptionsContainer .proplus-plan .dollar {
    left: 0;
}

.subscriptionsContainer .proplus-plan .amount {
    letter-spacing: 0em;
    left: 0;
}

.subscriptionsContainer .proplus-plan .permo {
    left: 0;
}

.subscriptionsContainer #plan-boxes {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
}

.subscriptionsContainer #plan-boxes.plan-boxes-features {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
}

.basic-plan-life-time .permo {
    top: 0px;
    left: 47px;
}

.basic-plan-life-time .black-box {
    background-color: #005272;
}

.basic-plan-life-time .button {
    background-color: #005272 !important;
}

.basic-plan-life-time .plan-heading {
    padding-bottom: 40px;
}

.basic-plan-life-time .data-box {
    height: 64px;
    padding-top: 24px;
}

.subscriptionTableContainer {
    margin-top: 50px;
    border-top: 1px solid #CDCABF;
}

#subscriptionTable.subscriptionTables {
    width: 980px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
}

#subscriptionTable.subscriptionTables tr {
    background-color: #ffffff;
    border-bottom-color: #CDCABF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/*End Service Subscription styles*/



/* ///////////////////////////////////////////////////////////////////// 
//  01 - QBY PRICE LIST STYLES
/////////////////////////////////////////////////////////////////////*/

table#price_albums {
    width: 980px;
}

table#price_albums tr {
    border-bottom: 1px solid #CDCABF;
}

table#price_albums th {
    background-color: #F7F4EF;
    height: 40px;
}

.total-line {
    background-color: #E2DFDE;
}


table#price_albums td {
    height: 30px;
    border-bottom: 1px solid #CDCABF;
}

table#price_albums th.leftalign {
    padding-left: 10px;
}

#album_price_tb {
    background-color: #F7F4EF;
}

#album_price_tb tr {
    border-bottom: 1px solid #CDCABF;
    height: 40px;
}

#album_price_tb td {
    padding: 4px 10px 4px 10px;
}

#album_price_tb th {
    padding: 4px 10px 4px 10px;
}

#productType,
#albumFormat,
#coverMat,
#coverSty,
#matcolor,
#pageType,
#titles,
#pageNos,
#service,
#albmdesign,
#noofimages,
#translucent,
#wings,
#flips,
#cutins,
#addQues,
#dustJ,
#pgStock {
    margin-left: 0px !important;
    margin-top: 10px !important;
}

.abDesignLeft #noofimages {
    margin-top: 0 !important;
}

#album_price {
    padding-bottom: 10px;
}

#album_subtotal {
    text-align: right;
    background-color: #E2DFDE;
    margin-left: 530px !important;
    padding-bottom: 10px;
    padding-right: 15px;
}

#selsize,
#selproductType,
#shcheck,
#selcmat,
#selcsty,
#selpageNos,
#selnoofimages,
#selnooftrans,
#selnoofwings,
#selnoofflips,
#selnoofcutins,
#selquestion134,
#selquestion145 {
    margin-top: 0px;
    margin-bottom: 0px;
}

#typedetails,
#sizedetails,
#cmatdetails,
#cstydetails,
#pageNosdetails {
    margin-top: 1px !important;
}

.pcProduct,
.pcServices,
.pcAccessories {
    text-transform: uppercase;
    font-family: 'Futura W01 Book';
    font-size: 14px;
}

.pcServices,
.pcAccessories {
    margin-top: 20px;
}

h4.compare_price_heading {
    font-size: 24px;
    text-transform: uppercase;
    color: #000000;
    font-weight: normal;
}



/* ///////////////////////////////////////////////////////////////////// 
//  01 - QBY PRINT SHOPPING CART STYLES
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Shopping Cart Popups 
---------------------------------------*/

.template-header {
    padding: 4px 5px 4px 10px;
}

/*--------------------------------------
Shopping Cart 
---------------------------------------*/

#buyPrint-dropdown {
    -webkit-box-shadow: 0px -1px 8px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px -1px 8px rgba(50, 50, 50, 0.4);
    box-shadow: 0px -1px 8px rgba(50, 50, 50, 0.4);
}


#buyOptions {
    display: none;
    clear: both;
    margin-top: -45px;
    position: absolute;
    right: 105px;
    width: 305px;
    z-index: 9999;
}

#pgCartCountDup {
    background-color: #fff;
    border: 1px solid #048fc2;
    color: #048fc2;
    height: 25px;
    margin-left: 122px;
    margin-top: -30px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    width: 22px;
}


.buyPrintoption {
    padding: 8px 5px 5px 10px;
    /*height:23px;*/
    background-color: #ffffff;
    color: #353535;
    cursor: pointer;
    font-size: 12px;

}

.buyPrintoption:hover {
    background-color: #eeeeee;
    color: #353535;
    cursor: pointer;
    padding-left: 10px;
}



.price_albums_heading {
    background-color: #efefef;
    color: black;
    margin: 15px 0 20px;
    padding: 8px 8px 8px 10px;
}

.cartQtyColumnInner>div>input[type="text"] {
    line-height: 18px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  01 - ACCOUNT & DIRECTORY Styles
/////////////////////////////////////////////////////////////////////*/

.info-text {

    font-size: 13px;
    color: #353535;
    margin-left: 0px;
    clear: both;
}

.link-text {

    font-size: 13px;
    color: #048abb;
    margin-left: 20px;

}

.links {
    margin-top: 10px;
    padding-bottom: 20px;
}

#page_content {
    clear: both;
    margin: 0px auto;
    text-align: center;
}

#columns {
    font-family: 'Futura W01 Book';
    color: #000000;
    font-size: 14px;
    margin: 15px 0px 15px 0px;
    height: 30px;

}

.column-heading {
    float: left;
    width: 156px;
    text-align: center;
    height: 40px;
    padding-top: 10px;
    background-color: #DAD7D2;
    text-transform: uppercase;

}

.contentrow.nodata {

    font-size: 13px;
    color: #353535;
    width: 934px;
    margin: 15px 0px 30px 0px;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.column-data {
    padding-bottom: 10px;
    border-bottom: 0px solid #CDCABF;
    height: 40px;
    padding-top: 10px;
}


#account_info {
    margin: 0px auto;
    height: 900px;

}

#account_info_part {
    width: 460px;
    float: left;
    margin-left: 0px;
}

#account_balances_part {
    float: left;
    margin-left: 0px;
    width: 460px;
}


.info_row {
    clear: both;
}

.info_heading {
    float: left;
    width: 175px;
}

.info_heading_longer {

    float: left;
    padding-top: 5px;
    text-align: left;
    width: 140px;
}



.info_heading2 {
    font-family: 'Futura W01 Heavy';
    text-transform: uppercase;
    float: left;
    padding-top: 5px;
    text-align: left;
    width: 125px;
}

.info_row h1 {
    float: left;
    font-size: 13px;
    padding-top: 3px;
    text-align: right;
    width: 150px;
}

.info_row p {
    float: left;
}

.info_row p a {
    color: #bda13d;
    font-weight: bold;
}


.info_row h2 {
    float: left;
    font-size: 13px;
    font-weight: normal;
    padding-top: 3px;
    text-align: left;
    width: 170px;
    font-weight: normal;
    padding-left: 20px;
}

.info_row input[type="text"] {
    border: 1px solid #CBCBCB;
    color: #000000;
    float: left;
    font-size: 13px;
    height: 21px;
    margin-left: 5px;
    margin-top: 10px;
    width: 200px;
}

.info_row input[type="password"] {
    border: 1px solid #CBCBCB;
    color: #000000;
    float: left;
    font-size: 13px;
    height: 21px;
    margin-left: 5px;
    margin-top: 10px;
    width: 200px;
}

.info_row textarea {
    border: 1px solid #CBCBCB;
    color: #000000;
    float: left;
    font-size: 13px;
    margin-left: 5px;
    margin-top: 10px;
}

.input_radio {
    margin-top: 15px;
    margin-left: 5px;
}


.hr_small {
    border: 0 !important;
    margin: 10px 20px 10px 0 !important;
    padding: 0 !important;
    height: 1px !important;
    background-color: #CDCABF !important;
}

#span-padbottom {
    width: 940px;
    padding: 0 20px 0 20px;
    background-color: #F7F4EF;
}

#map_canvas {
    margin-top: 30px;
    height: 400px;
}

#findform {
    margin-top: 20px;
    margin-left: 20px;
}

#dataform {
    margin-top: 20px;
    margin-left: 20px;
}

.finddiv {
    padding-top: 7px;
}

.sampleimg {
    margin-right: 5px;
    float: left;
    width: 150px;
    height: 135px;
    overflow: hidden;
    text-align: center;
}

.sampleimg img.landscape {
    width: 150px;
}

.sampleimg img.portrait {
    height: 105px;
}

.listing_google {
    float: left;
    width: 15px;
    margin-right: 2px;
}

.listing_twitter {
    float: left;
    width: 15px;
    margin-right: 2px;
}

.listing_facebook {
    float: left;
    width: 15px;
}

#layout_navigator.review_mat {
    display: inline-block;
}

/* /////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
//  01 - DIRECTORY CSS
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////*/



/* ///////////////////////////////////////////////////////////////////// 
//  01 - GENERAL DIRECTORY STYLES
/////////////////////////////////////////////////////////////////////*/

.listing3 {
    width: 470px;
    border: 0px solid #434343;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 400px;
    margin: 0px auto;
}

.listing3 .prev {
    float: left;
    margin-top: -168px;
    position: relative;
    z-index: 99;
}


.listing3 .next {
    float: right;
    margin-top: -168px;
    position: relative;
    z-index: 99;
}

.listing2 {
    width: 305px;
    height: 281px;
    margin: 0px auto;
}

.listing2 .prev {
    float: left;
    margin-top: -118px;
    position: relative;
    z-index: 99;
}


.listing2 .next {
    float: right;
    margin-top: -118px;
    position: relative;
    z-index: 99;
}

.listing1,
.listing {
    width: 234px;
    height: 250px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin: 0px auto;
}


.listing1 .prev,
.listing .prev {
    display: none;
}


.listing1 .next,
.listing .next {
    display: none;
}

.listing3 .listingSlider {
    clear: both;
    height: 335px;
    text-align: center;
    border: 1px solid #434343;
}

.listing3 .slides_container {
    height: 298px;
    margin-top: 10px;
}

.listing2 .listingSlider {
    clear: both;
    height: 235px;
    text-align: center;
    border: 1px solid #434343;
}

.listing2 .slides_container {
    height: 198px;
    margin-top: 10px;
}


.listing1 .listingSlider,
.listing .listingSlider {
    clear: both;
    height: 180px;
    text-align: center;
    border: 1px solid #434343;
}

.listing1 .slides_container,
.listing .slides_container {
    height: 148px;
    margin-top: 10px;
}


.listing3 .listingSlider div {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 452px;
}

.listing2 .listingSlider div {
    margin: 0px auto;
    padding: 0;
    width: 285px;
}

.listing1 .listingSlider div,
.listing .listingSlider div {
    margin: 0px auto;
    padding: 0;
    width: 205px;
}

.listing3 .listingTop {
    margin-top: 5px;
    text-align: left;
    color: #FFFFFF;
}

.listing3 .listingBottom {
    height: 60px;
    margin-top: 3px;
    color: #dddddd;
    font-style: italic;
    position: relative;
    width: 470px;
    position: absolute;
    background-color: #000000;
    z-index: 4;
    font-size: 12px;
}

.listing3 .listDescription {
    text-align: left;
    padding-left: 8px;
}

.listing3 .listWebsite {
    height: 23px;
    text-align: left;
    float: left;
    padding-left: 8px;
}

.listing3 .listSocial {
    height: 23px;
    text-align: center;
    float: right;
    margin-right: 5px;
}

.listing2 .listingTop {
    margin-top: 5px;
    text-align: left;
    color: #FFFFFF;
}

.listing2 .listingBottom {
    height: 60px;
    margin-top: 3px;
    color: #dddddd;
    font-style: italic;
    position: relative;
    width: 305px;
    position: absolute;
    background-color: #000000;
    font-size: 12px;
}

.listing2 .listDescription {
    text-align: left;
    padding-left: 8px;
    font-size: 12px;
}

.listing2 .listWebsite {
    height: 23px;
    text-align: left;
    float: left;
    padding-left: 8px;
    font-size: 12px;
}

.listing2 .listSocial {
    height: 23px;
    text-align: center;
    float: right;
    margin-right: 5px;
}


.listing1 .listingTop,
.listing .listingTop {
    margin-top: 5px;
    text-align: left;
    color: #FFFFFF;
}

.listing1 .listingBottom,
.listing .listingBottom {
    height: 75px;
    margin-top: 3px;
    color: #dddddd;
    font-style: italic;
    position: relative;
    width: 234px;
    position: absolute;
    background-color: #000000;
}

.listing1 .listDescription,
.listing .listDescription {
    text-align: left;
    padding-left: 8px;
    font-size: 12px;
}

.listing1 .listWebsite,
.listing .listWebsite {
    height: 23px;
    text-align: left;
    float: left;
    padding-left: 8px;
    font-size: 12px;
}

.listing1 .listSocial,
.listing .listSocial {
    height: 23px;
    text-align: center;
    float: right;
    margin-right: 5px;
}

.listing3 .listStudioName,
.listing2 .listStudioName {
    font-family: 'Futura W01 Book';
    font-size: 15px;
    padding: 5px;
    text-transform: uppercase;
}

.listing1 .listStudioName,
.listing .listStudioName {
    font-family: 'Futura W01 Book';
    font-size: 12px;
    padding: 5px;
    text-transform: uppercase;
}

.nolisting .listStudioName {
    font-family: 'Futura W01 Book';
    font-size: 14px;
    padding: 5px;
    text-transform: uppercase;
}

.listingSlider .mainImg img {
    width: 100%;
}



.nolisting {
    height: 75px;
    border: 1px solid #D4D4D4;
    margin-top: 10px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 10px;
}

.nolisting .listingTop {
    height: 25px;
}

.nolisting .listingBottom {
    height: 50px;
    margin-top: 15px;
    color: #dddddd;
    font-size: 12px;
}

.nolisting .listDescription {
    text-align: left;
    font-size: 12px;
    float: left;
    width: auto;
    margin-left: 5px;
}

.nolisting .listWebsite {
    float: left;
    font-size: 12px;
    margin-left: 5px;
}

.listWebsite a {
    color: #048abb;
    text-decoration: none;
}

/* Pagination for listing slide show */


.pagination {
    clear: both;
    /*background: #efefef none repeat scroll 0 0;*/
    width: 100%;
    padding: 5px 0px;
}

/*
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../../js/slider/pagination2.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

#previous_revisions_customise_paginate a{
    cursor:pointer;
}
*/
/* Directory listing styles ends here*/





/* ///////////////////////////////////////////////////////////////////// 
//  01 - WEDDING DIRECTORY STYLES
/////////////////////////////////////////////////////////////////////*/

/* Different listing styles*/


.weddingListing3 {
    width: 472px;
    height: 499px;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
}

.weddingListing2 {
    width: 305px;
    height: 457px;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
}

.weddingListing1,
.weddingListing {
    width: 225px;
    height: 290px;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
}

.weddingListing3 .listingSlider {
    clear: both;
    height: 335px;
    text-align: center;
    margin-top: 10px;
}

.weddingListing3 .slides_container {
    height: 298px;
}

.weddingListing2 .listingSlider {
    clear: both;
    text-align: center;
    margin-top: 10px;
}

.weddingListing2 .slides_container {
    height: 198px;
}


.weddingListing1 .listingSlider,
.weddingListing .listingSlider {
    clear: both;
    height: 160px;
    text-align: center;
    margin-top: 10px;
}

.weddingListing1 .slides_container,
.weddingListing .slides_container {
    height: 198px;
}


.weddingListing3 .listingSlider div {
    margin: 0px auto;
    padding: 0;
    width: 452px;
}

.weddingListing2 .listingSlider div {
    margin: 0px auto;
    padding: 0;
    width: 285px;
}

.weddingListing1 .listingSlider div,
.weddingListing .listingSlider div {
    margin: 0px auto;
    padding: 0;
    width: 210px;
}

.weddingListing3 .listingTop {
    height: 40px;
    text-align: center;
}

.weddingListing3 .listingBottom {
    height: 100px;
    border-top: 1px solid #D4D4D4;
    margin-top: 3px;
    font-size: 12px;
}

.weddingListing3 .listDescription {
    height: 58px;
    text-align: center;
    padding: 12px 8px 0 8px;
}

.weddingListing3 .listWebsite {
    height: 23px;
    text-align: center;
    font-size: 12px;
}

.weddingListing3 .listSocial {
    height: 23px;
    text-align: center;
    width: 49px;
    margin: 0 auto;
}

.weddingListing2 .listingTop {
    height: 40px;
    text-align: center;
}

.weddingListing2 .listingBottom {
    height: 100px;
    border-top: 1px solid #D4D4D4;
    margin-top: 3px;
    font-size: 12px;
}

.weddingListing2 .listDescription {
    text-align: center;
    padding: 10px 5px 0;
}

.weddingListing2 .youraddress {
    height: 55px;
    text-align: center;
    padding: 10px 5px 0;
}

.weddingListing2 .listWebsite {
    height: 23px;
    text-align: center;
}

.weddingListing2 .listSocial {
    height: 23px;
    text-align: center;
    width: 49px;
    margin: 0 auto;
}


.weddingListing1 .listingTop,
.weddingListing .listingTop {
    height: 28px;
    text-align: center;
}

.weddingListing1 .listingBottom,
.weddingListing .listingBottom {
    height: 81px;
    border-top: 1px solid #D4D4D4;
    margin-top: 3px;
}

.weddingListing1 .listDescription,
.weddingListing .listDescription {
    height: 60px;
    text-align: center;
    font-size: 12px;
    padding: 12px 8px 0 8px;
}

.weddingListing1 .listWebsite,
.weddingListing .listWebsite {
    height: 18px;
    text-align: center;
}

.weddingListing1 .listSocial,
.weddingListing .listSocial {
    height: 23px;
    text-align: center;
    width: 49px;
    margin: 0 auto;
}

.weddingListing3 .listStudioName,
.weddingListing2 .listStudioName {
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

.weddingListing1 .listStudioName,
.weddingListing .listStudioName {
    text-transform: uppercase;
    font-weight: bold;
}

.weddingNolisting .listStudioName {
    font-family: 'Futura W01 Book';
    font-size: 14px;
    padding: 5px;
    text-transform: uppercase;
}

.listingSlider div img {
    width: 100%;
}



.weddingNolisting {
    height: 75px;
    border: 1px solid #D4D4D4;
    margin-top: 10px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 10px;
}

.weddingNolisting .listingTop {
    height: 25px;
}

.weddingNolisting .listingBottom {
    height: 50px;
    margin-top: 15px;
}

.weddingNolisting .listDescription {
    text-align: left;
    font-size: 12px;
    float: left;
    width: auto;
    margin-left: 5px;

}

.weddingNolisting .listWebsite {
    float: left;
    font-size: 12px;
    margin-left: 5px;
}

.weddingListWebsite a {
    text-decoration: none;
}

/* Wedding Directory listing styles ends here*/

.pagination li a {
    color: #36454F;
    font-weight: bold;
}

.page-item.active .page-link {
    background-color: transparent;
    color: #34282C;
    text-decoration: underline;
}

.page-link {
    background-color: transparent;
    color: #34282C;
}

.page-link:hover {
    background-color: transparent;
    color: black;
    text-decoration: underline
}

#add {
    margin-bottom: 10px;
    float: right;
    height: 16px;
}


#addsb {
    margin-bottom: 10px;
    float: right;
    height: 16px;
}



#swfupload-control p {

    font-size: 13px;
}


#footer2_title {
    position: relative;
    margin-top: 31px;
    margin-left: 88px;
    font-size: 15px;
    font-family: 'Futura W01 Heavy';
}


#footer2_find_out {
    position: relative;
    margin-left: 114px;
    font-size: 14px;
    font-family: 'Glypha LT W01 65 Bold';
}

#footer2_find_out:hover {
    color: #f1ecc6;
    cursor: pointer;
}



#footer2 {
    float: left;
    position: relative;
    width: 340px;
    margin-right: 20px;
    background: #000000 url('../images/mainsite/footer_02.jpg') no-repeat right top;
    height: 100%;
}

#footer3 {
    float: left;
    position: relative;
    width: 300px;
    background: #000000 url('../images/mainsite/footer_03.jpg') no-repeat right top;
    height: 100%;
}











/* Nav current page color */

#album-us .albums1 a,
#billing-us .billing1 a,
#pref-us .pref1 a,
#prof-us .prof1 a,
#songs-us .songs1 a,
#wip-us .wip1 a,
#arch-us .arch1 a,
#share-us .share1 a,
#preview-us .preview1 a,
#feedback-us .feed1 a {
    color: #BDA13D !important;
}

/* billing page, close to profile page*/
.billing_form_label {
    float: left;
    width: 110px;
    text-align: right;
    vertical-align: bottom;
    margin-top: 13px;
}

.billing_form_label_list {
    float: left;
    width: 110px;
    text-align: right;
}

.billing_form_label_submit {
    width: 110px;
    text-align: left;
    margin-left: 250px;
    margin-top: 20px;
}

.billing_form {
    margin-left: 25px;
    width: 170px;
    margin-bottom: 7px;
}

/* Preferences page */
#submitfrmPref {
    margin-left: 640px;
    margin-top: -18px;
    top: -29px;

}


.label_form1 {
    /* display:inline;*/
    text-align: right;

    width: 258px !important;
    padding-left: 0% !important;
    padding-right: 20px;
}

.label_form2 {
    /* display:inline;*/
    text-align: left;


    padding-left: 0px !important;
    padding-right: 20px;
    font-size: 13px;

}

.label_form3 {
    text-align: left;
    padding-right: 15px;
    font-size: 13px;
    margin-bottom: 10px;
    width: 115px;
    clear: both;
    float: left;
    padding-top: 10px;

}




.email_form1,
.email_form2,
#landing_input {
    padding-left: 1%;
}

/* songs */

.song-header {
    display: inline-block;
    margin-top: 5px;
    margin-left: 20px;
}

.first_song {
    padding-top: 17px;
}


#display_status1 {
    display: inline;
    padding-left: 50px;
}

#display_status2 {
    display: inline;
    padding-left: 50px;
}

#form1 {
    margin-top: 5px;
    margin-left: 20px;
}


#song_list li {
    padding-top: 8px;
    display: list-item !important;
    margin-bottom: 5px;
}


#song_list ul {
    font-size: 13px;
    margin-left: 20px;
}

.sharingform-label {
    text-align: left;
    /*float: left;*/
    font-size: 13px;

}

.margin {
    margin: 0 20px;
}


/* albums */
.pg_albums {
    border: 1px solid black;
    text-align: center;
}

.pg_albums th,
.pg_albums td {
    border: 1px solid black;
}


/* songs */

#information {
    margin: 25px 20px 10px 20px;
    padding: 20px 20px 20px 20px;
    border-width: 1px;
    border-color: #CDCABF;
    border-style: solid;
    color: #999999;
    background-color: #ffffff;
    width: 940px;
}

#frmDeleteMusic {
    display: inline !important;
    margin-top: 10px !important;
}


/* copied from share.css, _style.css, page.css */

#header {
    background: none repeat scroll 0 0 white !important;
    padding: 0 0 2px !important;
    position: relative !important;
    width: 100% !important;
}

/*body {

  /*  font-size: 12px; 
     line-height: 1;

width: auto;
height: auto;
padding: 0 0 0 0;
color: #7D7D7B;
background-color: #F3F2F2;
border-top: 10px #F7F4EF;

}*/

.clearfix {
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

#mainNav {
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    border-top: 0 solid #DDDDDD;
    display: inline;
    margin-top: 30px;
    padding-top: 30px;
    margin: 0;
    padding: 0;
    position: relative;
}

#mainNav ul a {
    border-top: 3px solid #FFFFFF;
    line-height: 25px;
    margin-top: 50px;
    color: black;
}

#mainNav li {
    margin: 0 24px 0 0;
    display: inline-block;
}

#landingNav {
    margin: auto;
    width: 980px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 9px;
    font-size: 15px;
}

marg_top {
    margin-top: 10px !important;
}


#albumtitle {
    overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
    color: #353535;
}

#albumstatus {
    color: #353535;
}

#albumsheading {
    font-size: 14px;
    text-transform: uppercase;
    color: #353535;
    padding-top: 12px;
    border-top: 1px solid #cdcabf;
    margin-top: 10px;
}

.collectionheader {

    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 200px;
}

.fourthelement {
    clear: both;
}


#container .pg_header {
    font-weight: normal !important;
}


/* albums */

#footer .secondary {
    background-color: #F3F2F2;
    border-top: 1px solid #E9E8E8;
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
}

#footer {
    margin: 0 auto;
    width: 100%;
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-top: 1px solid #F3F2F2 !important;
    color: #FFFFFF !important;
}

#footer .main {
    margin: 0 auto;
    padding: 35px 0 0;
    width: 1000px;
}

.footerBox {
    float: left;
    margin: 0 15px 30px;
    position: relative;
}

.oneFourth {
    width: 220px;
}

#footer .secondary .inside {
    margin: 0 auto;
    width: 960px;
}


#submitfrmProf {
    margin-left: 388px;
    width: 117px;
    height: 30px;
    margin-bottom: 24px;
}

#frmBilling {
    font-size: 12px;
    height: 670px;
    margin: 0 20px;
}


#designChck {
    margin-top: 10px;
    width: 30px;
}

.rbook {
    width: 64px !important;
}

.rslide {
    width: 102px;
}

#frmShare {
    font-size: 12px;
}

.no_albums {
    padding-bottom: 33px;
    color: #353535;
}

#submitfrmShare {
    width: 123px;
    margin-left: 370px;
    margin-bottom: 6px;
}

#music_default {
    width: 192px;
}

#content p {
    font-size: 12px;
}


#pdfsubmit {
    margin-left: 220px;
}

#force_dl {
    margin-left: 0px;
    margin-top: 5px;
}

#content {
    margin: 0 0 20px 0;
    padding: 0 !important;
    height: 100%;
}


.comment_header {
    font-size: 14px;
    text-transform: uppercase;
    color: #353535;
}

.conversation_heading {
    font-size: 14px;
    text-transform: uppercase;
    color: #353535;
}

.current_comment {
    color: #353535;
}


/* LOGIN */

/* login page*/
.ajax_error {
    margin-left: 10px;
    color: red;
}

#login_designer_id,
#login_album_id,
#login_user_id {
    width: 90px;
    text-align: right;
    padding-right: 20px;
}

/*#login_password{

padding-right:20px;
padding-top:7px;
text-align:right;

}*/

#login_password_input {
    padding-top: 7px;
}

#login_submit,
#user_id_submit {
    padding-left: 175px;
    padding-top: 15px;
    text-align: left;
}

.borderless {
    border: 0px;
}

#display_status {
    color: red;
    display: block;
    padding-bottom: 10px;
}


#logo {
    margin: auto;
    margin-top: 20px;
    padding-top: 30px;
    margin-bottom: 25px;
}

/* navs */



li {
    list-style-type: none;
}

/* BODY */

/* all */
.design_header,
.pg_header {
    /*  padding-top:10px;*/
    padding: 0px;
    margin: 0px;

}


/* for slideshow/book */

#main {
    min-height: 400px;
    height: auto;
}

/* feedback */

.to {
    font-weight: bold !important;
    margin-top: 0px !important;
}

/* slideshow and preview album */

#imgNumber {
    padding-bottom: 10px;
    padding-top: 10px;
    color: #353535;
}

/* album listings */



#table-albumName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



#table-preview {
    width: 65px;
    float: left;
}

#table-review {
    width: 65px;
    float: left;
}

#table-archive {
    width: 50px;
    float: left;
}

/* form responses*/

.success {
    color: #048abb;
}

.error {
    color: red;
}

/* view comments - placeholder text - place a comment */
div.conversation {
    margin-bottom: 12px;
}

.conversation {
    font-weight: bold !important;
    padding-right: 8px;
}

.comment {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 85% !important;
}

:-webkit-input-placeholder {
    color: #A0A0A0 !important;
}

input:-moz-placeholder {
    color: #A0A0A0 !important;
}

.ago {
    color: #A0A0A0 !important;
    /* margin-left: 30px;*/
    margin-top: 3px;
    margin-bottom: 15px;
    line-height: 85% !important;
}


/* for the NAVIGATION BAR - My Queensberry */

#social {
    float: right;
    height: 35px;
    line-height: 16px;
    vertical-align: middle;
    width: 110px;
}

#social a:link {
    text-decoration: none;
}

#social a {
    color: #BEA23E;
    margin-right: 7px;
}

#social a:visited {
    color: #BEA23E;
    margin-right: 7px;
}


.container2 {
    float: left;
    margin: 0;
    padding: 0.6666em 0;
    width: 810px;
}

.container1 {
    line-height: 16px;
    margin: 0 auto;
    width: 980px;
}



/* Mini Headers*/
.mini_header {
    font-weight: bold !important;
    display: inline;

    font-size: 13px;
}

label {

    font-size: 13px;
    font-weight: normal;
}

/* other */
.create_pdf {
    width: 15em;
    float: left;
    position: relative;
    text-align: right;
    margin-right: 7px;
    margin-bottom: 4px;
}

#create_pdf_submit {
    margin-left: 190px;
}


.full_width {
    min-height: 100px;
    /* was 250 */
}


/* force logout to be white instead of grey like other footer <a href> links*/
#logout a {
    /*color: white ;*/
    text-decoration: none;
    font-weight: bold;
}

#logout a:hover {
    /*  color: white !important;*/
    text-decoration: underline !important;
}


/* adds a border to the image slideshow
#pics {
    padding: 0;
    margin:  0;
}

#pics img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: white;
    top:  0;
    left: 0
}
*/
/* adds a rounded border around the whole thing*/
/*#mydiv {
    padding: 15px;
    border-radius: 15px;
    border:  1px solid #ccc;
    background-color: white;
    top:  0;
    left: 0
} */

.align_center {
    text-align: center;
}

.align_others {
    border-radius: 15px;
    width: 900px;
    padding: 5px;
    margin: 0 auto;
}

#__logo {
    width: 980px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
}

#logout_nav {
    text-align: right;
}

.align_others_left_bg {
    text-align: left;
    border-radius: 15px;
    width: 900px;
    min-height: 500px;
    padding: 5px;
    margin: 0 auto;
    background: white;

}

#landing_welcome {
    text-align: left;
    border-radius: 15px;
    min-height: 500px;
    background: white;

}

.use_border {
    border-radius: 15px;
    background: white;
}

.use_margin {
    margin-left: 1cm;
}

#nav li {
    display: inline;
    text-transform: uppercase;
    list-style-type: none;
    padding-right: 20px;
    font-size: 1.25em;
    color: #000000;
}


#form_success {
    text-align: left;
    border-radius: 15px;
    width: 800px;
    padding: 5px;
    margin: 0 auto;
    background: green;
}

#form_error {
    text-align: left;
    border-radius: 15px;
    width: 800px;
    padding: 5px;
    margin: 0 auto;
    background: orange;
}


.marg_top {
    margin-top: 20px;
}

.fital {
    font-style: italic;
    margin: 10px 0 20px 0;
    font-size: 12px;
}

.fbold {
    font-weight: bold;
}

.warning {
    color: red;
}

.notification {
    color: orange;
}

.middle_align {
    vertical-align: middle;
}

#welcome_message {
    font-size: 20pt;
    line-height: 50pt;
}

#studio_name {
    font-size: 20pt;
    margin-left: 2cm;
}

.small_spacing {
    line-height: 50pt;
}

#navlist li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

.clear {
    background-color: white;
}

#rightbox {
    background-color: #b0c4de;
}

#slideshow {
    width: auto;
    height: 500px;
}

#header_info {
    display: inline;
    list-style-type: none;
    padding-left: 850px;
}

/*body{background-color:#F7F4EF; }*/



.one-fifth-albumreview {
    float: left;
    margin: 10px 20px 40px 10px;
    padding-left: 0;
    width: 188px;
}

.one-fifth-albumreview-first {
    float: left;
    clear: both;
    padding-left: 0;
    width: 188px;
    margin: 0 0 40px;
}

.one-fifth-albumreview #albumApproved {
    position: absolute;
    float: right;
    width: 188px;
    text-align: right;
    margin-top: -9px;
}

.one-fifth-albumreview .wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.one-fifth-albumreview .infoTip {
    padding-right: 8px;
    position: relative;
    z-index: 1;
}

.one-fifth-albumreview .album-preview-img {
    border: 1px solid #e5e5e5;
    height: 135px;
    width: 188px;
}

.album_actions {
    font-size: 12px;
}

.album_noimage,
.album_image,
.album_image_online {
    max-height: 120px;
    max-width: 186px;
    z-index: 0;
}

.album-new-comments {
    z-index: 0;
    margin-top: -84px;
    padding-bottom: 53px;
}

/* taken from page and _style .css */

/* RESET */
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
background: transparent;
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
list-style: none outside none;
margin: 0;
padding: 0;
vertical-align: baseline;
}*/



/*scrollbar.css*/

/*
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}*/

:-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#slideshow_select a:hover {
    text-decoration: none;
}

#hp_slideshow_select a:hover {
    text-decoration: none;
}

#hp_slideshow_select {
    float: right;
    width: 625px;
}

#slideshow_select {
    float: right;
    width: 625px;
}

#saveslideshow a:hover {
    text-decoration: none;
}

#saveslideshow2 a:hover {
    text-decoration: none;
}

#container input[type="text"],
#container input[type="textarea"],
#container textarea {
    background: none repeat-x scroll 0 0 #ffffff;
    border: 1px solid #CDCABF;

    padding: 6px 10px;
    font-size: 12px;
}

#address_lookup_wrapper .form-control:disabled,
#address_lookup_wrapper .form-control[readonly] {
    background-color: #f2f2f2;
}

#addpricelist {
    margin-bottom: 15px;
    clear: both;
}

#addpricelist a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 240, 234, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f0ea', GradientType=0);
    /* IE6-9 */
    font-size: 13px;
    color: #008ab3;
    width: 145px;
    padding: 2px 8px;
    margin-bottom: 10px;
    vertical-align: middle;
    border: 1px solid #CDCABF;
    border-radius: 2px;

    text-align: center;
    text-transform: none;
}

#addpricelist a:hover {
    color: #008ab3;
    text-decoration: none;
    background: rgb(255, 252, 244);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 252, 244, 1)), color-stop(100%, rgba(224, 216, 199, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf4', endColorstr='#e0d8c7', GradientType=0);
    /* IE6-9 */
}


#addcoupon {
    margin-top: 30px;
    clear: both;
}

#addcoupon a {
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    width: 145px;
    padding: 1px 12px 2px 12px;
    margin-bottom: 10px;
    font-family: 'Futura W01 Book';
    border-radius: 2px;
}

#addcoupon a:hover {
    text-decoration: none;
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
}

.upload_custom_preview_button a {
    font-family: 'Futura W01 Book' !important;
    background: rgb(69, 72, 77);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(53, 53, 53, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#353535', GradientType=0);
    /* IE6-9 */
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    width: 145px;
    padding: 1px 12px 1px 12px;
    margin-bottom: 10px;
    border-radius: 2px;
}

.upload_custom_preview_button a:hover {
    background: rgb(107, 107, 107);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(107, 107, 107, 1) 0%, rgba(79, 79, 79, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
}



.changeToAutoFulfill,
.changeToSelfFulfill {
    margin-top: 0px;
}

.changeToAutoFulfill a,
.changeToSelfFulfill a {
    background-color: #353535;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    width: 145px;
    padding: 2px 12px 2px 12px;
    margin-bottom: 10px;
}

.changeToAutoFulfill a:hover,
.changeToSelfFulfill a:hover {
    background-color: #151517;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    width: 145px;
    padding: 2px 12px 2px 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-decoration: none;
}

#saveRecord a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 240, 234, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f0ea', GradientType=0);
    /* IE6-9 */
    font-size: 13px;
    color: #008ab3;
    width: 145px;
    padding: 2px 8px;
    margin-bottom: 10px;
    vertical-align: middle;
    border: 1px solid #CDCABF;
    border-radius: 2px;

    text-align: center;
    text-transform: none;
}

#saveRecord a:hover {
    color: #008ab3;
    text-decoration: none;
    background: rgb(255, 252, 244);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 252, 244, 1)), color-stop(100%, rgba(224, 216, 199, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 252, 244, 1) 0%, rgba(224, 216, 199, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf4', endColorstr='#e0d8c7', GradientType=0);
    /* IE6-9 */
}

/* other */
.loading_trans_img {
    width: 32px;
}

.colorGreen {
    color: green;
}

.height5 {
    height: 5px;
}

.pad_top3 {
    padding-top: 3px;
}

.pad_top5 {
    padding-top: 5px;
}

.pad_top40 {
    padding-top: 50px;

}

.pad_top20 {
    padding-top: 20px;
}

.pad_top {
    padding-top: 23px;
}

.pad_top25 {
    padding-top: 25px;
}

.pad_side5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pad_tops {
    padding-top: 9px;
}

.pad_topvs {
    padding-top: 6px;
}

.pad_left15 {
    padding-left: 15px;
}

.clear_rj {
    padding: 0;
    margin: 0;
}

.sharing-bottom-bitly-url {
    position: absolute;
    bottom: 47px;
}

.hr_store {
    border: 0 !important;
    margin: 15px 0 20px 0 !important;
    padding: 0 !important;
    height: 1px !important;
    background-color: #CDCABF !important;
    width: 100% !important;
    clear: both !important;
}


/*  account views*/
.account-view-div {
    padding: 0 20px 20px 20px;
}


/* For Book Slideshow*/
/* modified to use !important see - http://www.webteacher.ws/2010/08/26/resolving-conflicts-in-css/ */
.box_container {
    position: relative !important;
    /* important */
    width: 300px !important;
    /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
    height: 220px !important;
    /* important */
    overflow: hidden !important;
    /* hide the content that goes out of the div */
    /*just styling bellow*/
    background: black !important;
    color: white !important;
}

.images_holder {
    position: absolute !important;
    /* this is important, so the div is positioned on top of the text */
}

.image_div {
    position: relative !important;
    /* important so we can work with the left or right indent */
    overflow: hidden !important;
    /* hide the content outside the div (this is how we will hide the part of the image) */
    width: 100% !important;
    /* make it 50% of the whole images_holder */
    float: left !important;
    /* make then inline */
}

.right img {
    margin-left: -100% !important;
    /* 100% is in this case 50% of the image, so this is how we show the second part of the image */
}

.clear {
    clear: both !important;
}

.current_logo {
    margin-left: 0px;
}








/*template stuff*/
#template_sizes li a,
#all_images li a {
    color: #000000;
    text-decoration: none;
}

#template_sizes .current a,
#all_images .current a {
    color: #A0841F;
}

#previous_revisions {
    margin-top: 10px;
}


.clear2 {
    border-bottom: 1px solid #CDCABF;
    clear: both;
    margin-bottom: 10px;
    margin-top: 35px;
}

.vendorRow {
    clear: both;
}


.coverImageItem {
    float: left;
    font-size: 13px;
    margin: 5px;
    padding: 3px;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #E5E5E5;
}


#coverImageContent {
    clear: both;
    height: 500px;
    min-height: 500px;
    overflow-y: auto;
}

.selectedCoverImage {
    border: 1px solid #515151;
}


#selection-headBar .headbar_items {
    height: 32px;
    line-height: 2em;
    float: left;
    width: auto;
    margin-left: 15px;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    font-weight: 300;
    font-size: 13px;
}

#selection-headBar .current {
    color: #A0841F;
}

#selection-headBar .currentforce {
    color: #000000 !important;
}

#selection-headBar li:hover {
    text-decoration: underline;
}


/* ///////////////////////////////////////////////////////////////////// 
//  05 - FOOTER
/////////////////////////////////////////////////////////////////////*/

#site_footer {
    height: 0px;
    margin: 0 auto;
    position: relative;
    ;
    background-color: #ffffff;
}

table#footertext tbody {
    border-top: 1px solid #CDCABF;

}

#footer1 {
    float: left;
    position: relative;
    width: 300px;
    margin-right: 20px;
    background: #000000 url('../images/mainsite/footer_01.jpg') no-repeat left top;
    height: 100%;
}

/*Footer ends here*/

/*User Account Styles*/


.main_bar {
    margin-top: 20px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
}

.studioPanel {
    float: left;
    cursor: pointer;
    position: relative;
}

.userPanel,
.resourcePanel {
    float: right;
    position: relative;
}

.userPanel a:hover,
.resourcePanel a:hover {
    text-decoration: none;
}

.studios_list {
    float: left;
}

.current_studio {
    /*font-family: "Futura W01 Book";*/
    float: left;
    /*font-size: 15px;*/
    /*text-transform: uppercase;*/
    /*height: 23px;*/
}


.user_arrow_down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #555555;
    float: right;
    margin: 8px 0 7px 7px;
}

.menu_arrow_down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #CDCABF;
    float: right;
    margin: 13px 0 7px 7px;
}

.user_arrow_up {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #555555;
    float: right;
    margin: -9px 9px 0 0;
}

#userContainer,
#resourceContainer {
    display: none;
    width: 200px;
    clear: both;
    background-color: #f7f4ef;
    position: absolute;
    right: 0;
    z-index: 99999;
    border: 1px solid #cdcabf;
    box-shadow: 4px 3px 9px #DDD;
    -webkit-box-shadow: 4px 3px 9px #DDD;
    -moz-box-shadow: 4px 3px 9px #DDD;
    padding: 2px;
    font-size: 15px;

    text-transform: none;
}

#userContainer .rows,
#resourceContainer .rows {
    padding: 5px;
}

#userContainer .rows a,
#resourceContainer .rows a {
    display: inline-block;
    width: 100%;
}

#userContainer a:hover,
#userContainer a:active,
#userContainer a:focus {
    border-bottom: 0px solid #cdcabf !important;
}

#resourceContainer a:hover,
#resourceContainer a:active,
#resourceContainer a:focus {
    border-bottom: 0px solid #cdcabf !important;
}

#userContainer .row,
#userContainer .lastrow {
    clear: both;
    text-align: left;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    height: 27px;
}

#userContainer .row,
#userContainer .lastrow {
    clear: both;
    text-align: left;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    height: 27px;
}

.rows:hover {
    background-color: #ffffff;
}

#userContainer .loginas a {
    color: #353535;
}

#userContainer .nav {
    color: #353535;
}

#userContainer .row:hover,
#userContainer .lastrow:hover {
    background-color: #ffffff;
}

#userContainer .row div,
#userContainer .lastrow div {
    float: left;
    margin-right: 8px;
}

#userContainer .lastrow {
    border: 0px;
}

#userContainer .row a.nav,
#userContainer .lastrow a.nav {
    color: #353535;
}

#studios_listContainer {
    display: none;
    min-width: 205px;
    clear: both;
    float: left;
    background-color: #F7F4EF;
    position: absolute;
    left: 0px;
    top: 19px;
    z-index: 99999;
    border: 1px solid #cdcabf;
    box-shadow: 4px 3px 9px #DDD;
    -webkit-box-shadow: 4px 3px 9px #DDD;
    -moz-box-shadow: 4px 3px 9px #DDD;
}

#studios_listContainer .row {
    color: #353535;
    text-align: left;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    margin: 10px;
}

#studios_listContainer .row:hover {
    background-color: #ffffff;
}

#studios_listContainer .selected {
    background-color: #ffffff;
}

#studios_listContainer .row a {
    color: #FFFFFF;
}

.studios_list_icon {
    margin: 2px;
    background-color: #555555;
    width: 17px;
    height: 3px;
}

.studios_list {
    margin-top: 2px;
    margin-right: 5px;
    cursor: pointer;
    height: 20px;
}

#studios_list {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    cursor: pointer;
    height: 20px;
}

#users_list {
    cursor: pointer;
    height: 23px;
}

.companyRow {
    height: 30px;
    cursor: pointer;
}

.activecompanyRow {
    clear: both;
    height: 30px;
    background-color: #f98c33 !important;
}

.companyName {
    text-transform: uppercase;
    height: 30px;
}

.companylastViewed {
    float: left;
    height: 30px;
}

.company_permissions {
    height: 30px;
}

.companyRowHeader {
    clear: both;
    height: 40px;
    background-color: #F7F4EF;
}


.settinsgDivRow {
    margin-bottom: 5px;
    clear: both;
    overflow: hidden;
}

.settinsgDivRow:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

.settinsgDivColumn {
    float: left;
    margin-right: 25px;
    width: 450px;
}

.settingsHeader {
    border-bottom: 1px solid #CDCABF;
    margin-bottom: 20px;
}

.settingsHeader h3 {

    font-weight: bold;
}


.star {
    float: left;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.starimg,
.staredimg {
    width: 15px;
}


.settings_title {
    float: left;
    width: 410px;
}

.settingsRow {
    margin-bottom: 5px;
    clear: both;
    overflow: hidden;
}

.settingsRow:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

.settings_desc {
    font-size: 12px;
    font-style: italic;
    color: #808080;
}


/* Drop down menus starts here*/

.dropdownmenu {
    display: none;
    position: absolute;
    background-color: #F7F4EF;
    border: 1px solid #CDCABF;
    z-index: 999999;
    box-shadow: 4px 3px 9px #DDD;
    -webkit-box-shadow: 4px 3px 9px #DDD;
    -moz-box-shadow: 4px 3px 9px #DDD;
}

.dropdownmenu ul {
    background-color: #F7F4EF;
    margin-top: 0;
    padding: 2px 0;
    width: 200px;
}

.dropdownmenu ul li {
    font-size: 13px;
    margin: 8px;
    padding: 7px 10px;
    cursor: pointer;
}

.dropdownmenu ul li:hover {
    background-color: #FCFCFC;
}

.dropdownmenu ul li a:hover {
    color: #BEA23E;
    text-decoration: none;
}

.dropdownmenu ul li.current a {
    color: #353535;
}

.dropdownmenu ul li.current a {
    color: #353535;
}

.dropdownmenu ul li.current {
    background-color: #FCFCFC;
    margin: 10px;
    padding: 7px 10px;
}

.menu_settings {
    margin-left: 356px;
}

/* Drop down menus ends here*/



/* nav menu 4 styles starts here these are already written in some pages*/

#nav-menu4 .item {
    color: #000000;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 2em;
    margin-right: 10px;
    text-align: left;
    text-decoration: none;
    width: auto;
}

#nav-menu4 ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}

#nav-menu4 ul li {
    background-color: #DAD7D2;
    padding: 5px 5px 5px 10px;
}

#nav-menu4 {
    font-family: 'Futura W01 Book';
}

#nav-menu4 li a {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}

#nav-menu4 .current a {
    color: #BEA23E;
}

#nav-menu4 .current {
    background-color: #F7F4EF;
}

#nav-menu4 .current2 a {
    color: #BEA23E;
}

#nav-menu4 .current2 {
    background-color: #F7F4EF;
    border: 1px solid #CDCABF;
}

/* nav menu 4 styles ends here*/


#nav-customise-theme-parent {
    clear: both;
    float: left;
    width: 100%;
    font-family: 'Futura W01 Book';
}

#nav-customise-theme-parent ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;

}

#nav-customise-theme-parent .item,
#nav-customise-theme-child1 {
    line-height: 2em;
    float: left;
    width: auto;
    margin-right: 10px;
    display: block;
    color: black;
    text-decoration: none;
    text-align: left;
    font-size: 12px;
}

#nav-customise-theme-parent ul li {
    padding: 5px;
    background-color: #DAD7D2;
}

#nav-customise-theme-parent li a {
    text-transform: uppercase;
    color: black;
    text-decoration: none;
}

#nav-customise-theme-parent .current a {
    color: #BEA23E;
}

#nav-customise-theme-parent .current {
    background-color: #F7F4EF;

}

#nav-customise-theme-parent ul li:hover {
    -webkit-transition: background-color 0.25s linear;
    -moz-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
    background-color: #F7F4EF !important;
}

.scroll-down {
    background-color: #f7f4ef;
    font-family: "Futura W01 Heavy";
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 16px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
}

.scroll-container {
    height: 35px;
    margin: 0 auto;
    width: 500px;
}


a.scroll-down {
    color: #353535;
    text-decoration: none;
}

.scroll-text {
    float: left;
    margin: 0 auto;
    width: 400px;
}

#frmWebsiteAddress label {
    float: left;
    width: 600px;
}

.eventreportcontainer {
    padding: 0px;
}

#mainGallery .eventreportcontainer {
    padding-top: 5px;
}

#mainGallery #userFavorites,
#mainGallery #abandonedCarts,
#mainGallery #registeredUsers,
#mainGallery #imagesInAlbums,
#mainGallery .client_activities {
    padding-top: 15px;
}

.eventreportcontainer #userFavorites,
.eventreportcontainer #registeredUsers,
.eventreportcontainer #abandonedCarts,
.eventreportcontainer #imagesInAlbums,
.eventreportcontainer .client_activities {
    max-width: 936px;
    margin-left: auto;
    margin-right: auto;
}


.vcenterParent {
    display: table;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.centerme {
    float: none;
    margin: 0px auto;
    min-height: 75px;
}

.centerme img {
    height: 75px;
}

.top-5 {
    margin-top: -5px;
}

.top0 {
    margin-top: 0;
}

.top5 {
    margin-top: 5px;
}

.top7 {
    margin-top: 7px;
}

.top10 {
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.top17 {
    margin-top: 17px;
}

.top20 {
    margin-top: 20px;
}

.top30 {
    margin-top: 30px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  008 - SETTINGS PERSONALISATION PAGE
/////////////////////////////////////////////////////////////////////*/

.personalisation_questions img {
    width: 30px;
}

.personalisation-pallette {
    height: 150px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  XXXX - SOME STYLES FOUND IN PAGES
/////////////////////////////////////////////////////////////////////*/

#tableorderdetails {
    min-height: 100px;
    max-height: 310px;
    overflow-y: auto;
}

#compareCvr {
    min-height: 400px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  009 - SALS PAGE
/////////////////////////////////////////////////////////////////////*/

.sales_report_header {
    height: 35px;
    font-weight: bold
}

.sales_report_header.auto_height {
    height: auto;
}

.sales_report_data {
    padding-top: 10px;
    min-height: 40px;
}

.sales_report_monthly_container_blocks {
    min-height: 0px;
}

.sales_report_monthly_container_data_block {
    min-height: 0px;
    border-bottom: 2px dashed #f0f0f0;
    margin-bottom: 10px;
}

#lineChart {
    margin-bottom: 20px;
    height: 250px;
    width: 100%;
}

/* ///////////////////////////////////////////////////////////////////// 
//  010 - PG MANAGE PAGE RESPONSIVE STYLES
/////////////////////////////////////////////////////////////////////*/
.gallery_activitiesContainer {
    height: 85%;
    position: absolute;
}

.gallery_activitiesContainerHide {
    left: -100%;
}

.gallery_activitiesContainerShow {
    left: 0%;
    height: calc(100% - 65px);
    margin-top: 65px;
    overflow: auto;
}

.gallery_activityPageHide {
    left: 100%;
}

.gallery_activityPageShow {
    left: 0%;
}

.gallery_activity_header {
    margin: 0 0 75px;
}

.manageNav {
    display: none;
    font-weight: bold;
}

.manageNavActive {
    display: block;
}

.galleryManageLeftSideBar {
    /*height: calc(100vh - 208px);*/
    overflow-x: hidden;
    overflow-y: auto;
}

.galleryManageRightSideBar {
    height: calc(100vh - 208px);
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.imagecollectionsContainer {
    margin-top: 15px;
}

.collectionToolBoxContainer {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.collectionToolBoxContainer #coverPage,
.collectionToolBoxContainer #categoryCoverImage {
    border: 2px dashed #048abb;
    height: 100px;
    margin: 5px;
    padding: 5px;
}

.collectionToolBoxContainer #coverPage img,
.collectionToolBoxContainer #categoryCoverImage img {
    height: 100%;
}

.imageToolBoxContainer {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

#uploaderContainer {
    margin-top: 0;
    /*height:119px;*/
}

.myImages {
    /*height: calc(100vh - 305px);*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
    -webkit-transition: margin-top 1s;
    -moz-transition: margin-top 1s;
    -ms-transition: margin-top 1s;
    -o-transition: margin-top 1s;
    transition: margin-top 1s;
    margin-top: 0;
}

.pgManageThumbnail {
    height: 220px;
    margin-top: 10px;
    width: 210px;
    float: left;
}

#photosContentHolder .pgManageThumbnail {
    width: 180px;
    height: 190px;
    display: flex;
}

#photosContentHolder .gal_img_parent {
    height: auto;
}

#photosContentHolder .gal_img {
    height: 145px;
}

#photosContentHolder .wraptocenter {
    height: 145px;
}

.pgManageThumbnail.listview {
    display: inline-block;
    height: 90px;
    margin-top: 0px;
    width: 110px;
}

#photosContentHolder .pgManageThumbnail.listview {
    display: inline-block;
    height: 105px;
    margin-top: 0px;
    width: 110px;

}


.fixed_top_bar {
    position: fixed;
    z-index: 99999;
    height: 195px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.fixedMarginMakeup {
    min-height: 1px;
    margin-top: 200px;
}

.list-group-item.cactive {
    background-color: #efefef;
}

.list-group-item:hover {
    background-color: #efefef;
}

.list-group-item:hover .collection_color_box {
    background-color: #bea23e;
}

.imagecollectionsContainer .list-group-item {
    border: 0px;
    cursor: pointer;
    padding: 0;
}

.imagecollectionsContainer .collection,
.imagecollectionsContainer .category {
    height: 37px;
}

.manage_header_section {
    cursor: pointer;
}

.manage_nav_holder {
    background-color: #ffffff;
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;
}

.manage_nav_holder_inner {
    display: table-cell;
    vertical-align: middle;
}

.manage_nav_holder_innerBox {
    display: inline-block;
}

.sub_manage_holder {
    height: 100px;
    background-color: #FFFFFF;
    border: 5px solid #393939;
    border-left: 0px;
    border-right: 0px;
}

.sub_manage_holder .collapse {
    height: 100%;
}

.sub_manage_item {
    float: left;
    height: 100%;
}

#newCollection2 {
    display: none;
    padding: 5px;
    background-color: #efefef;
    height: 105px;
}

#newCategory2 {
    display: none;
    padding: 5px;
    background-color: #efefef;
    height: 85px;
}

#newCollection2 .infoTip {
    margin: 5px;
}

#selectable {
    border: 0px solid #ff0000;
    background-color: #FFFFFF;
    margin: 5px auto;
    text-align: center;
}

.actionMenuTrigger {
    display: none;
    position: absolute;
    margin-top: 0px;
    width: 100%;
    padding-top: 2px;
    height: 23px;
    background-color: rgba(0, 0, 0, 0.3);
}

.noSideMarginColumn {
    margin-right: 0;
    margin-left: 0;
}

.noSidePaddingcolumn {
    padding-left: 0px;
    padding-right: 0px;
}

.noLeftSidePaddingcolumn {
    padding-left: 0px;
}

.noRightSidePaddingcolumn {
    padding-right: 0px;
}

.sidePaddingcolumn5 {
    padding-left: 5px;
    padding-right: 5px;
}

.collectionColors {
    border: 0px solid #e5e5e5;
}

#selectable div.ui-selected,
div.temp div.ui-selected {
    background: none repeat scroll 0 0;
    opacity: 1;
    border: 3px solid #048abb !important;
}

.pgManageThumbnail .gal_img_parent {
    height: 215px;
}

.pgManageThumbnail.listview .gal_img_parent {
    height: 115px;
}

#photosContentHolder .pgManageThumbnail.listview .gal_img_parent {
    height: 115px;
}

.gal_img_parent {
    height: 265px;
}

.sortbar.listview {
    height: 10px;
}


.pgManageThumbnail.listview .gal_img {
    height: 90px;
}

#photosContentHolder .pgManageThumbnail.listview .gal_img {
    height: 90px;
}

.pgManageThumbnail .gal_img {
    height: 190px;
}

.pgManageThumbnail.listview .gal_img .wraptocenter {
    height: 90px;
    width: 100px;
}

#photosContentHolder .pgManageThumbnail.listview .gal_img .wraptocenter {
    height: 90px;
    width: 100px;
}

.pgManageThumbnail .gal_img .wraptocenter {
    height: 190px;
    width: 190px;
}

.gal_img {
    float: left;
    height: 217px;
    width: 100%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

.pgManageThumbnail .galleryThumbImgV {
    height: 100%;
}

.pgManageThumbnail .galleryThumbImgH {
    width: 100%;
}

.galleryThumbImgV {
    height: 100%;
}

.galleryThumbImgH {
    width: 100%;
}

.classPhoto,
.classPhoto:hover {
    background-color: #8DC8D1 !important;
}

.specialClassPhoto,
.specialClassPhoto:hover {
    background-color: #9DD891 !important;
}

.gal_img:hover {
    background-color: #e8e5e1;
    cursor: pointer;
}

#gal_images_25.current,
#gal_images_40.current,
#gal_images_60.current,
#gal_images_80.current {
    border: 1px solid #E5E5E5;
    padding: 0 4px;
    background-color: #cccccc;
}

#gal_images_100.current {
    border: 1px solid #E5E5E5;
    padding: 0 3px;
    background-color: #cccccc;
}

#gal_images_25,
#gal_images_40,
#gal_images_60,
#gal_images_80 {
    border: 1px solid #E5E5E5;
    padding: 0 4px;
}

#gal_images_100 {
    border: 1px solid #E5E5E5;
    padding: 0 3px;
}

#gal_sort_method {
    border: 1px solid #E5E5E5;
    padding: 0 4px;
}

#gal_sort_method.current {
    border: 1px solid #E5E5E5;
    padding: 0 4px;
    background-color: #cccccc;
}

.galleryColorTable {
    width: 100%;
    text-align: left;
}

.galleryCollectionTotal {
    width: 100%;
    height: 12px;
    text-align: center;
}

.galleryCollectionTotalText {
    font-size: 9px;
    line-height: 12px;
    padding-top: 2px;
    padding-bottom: 10px;
}

.galleryColorCell {
    height: 7px;
    width: 7px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 2px;
    margin-top: 4px;
}

.collection_text .galleryColorCell {
    margin-top: 3px;
    margin-right: 8px;
}

.galleryColorCellFav {
    background-color: #BEA23E;
}

.cellWrapper {
    height: 42px;
    display: flex;
    align-items: center;
    float: left;
    width: 10px;
}


/* ///////////////////////////////////////////////////////////////////// 
//  FOR screens larger than 1600px
/////////////////////////////////////////////////////////////////////*/



.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
    display: none !important;
}

@media (min-width: 1602px) {
    .container {
        width: 1572px;
    }

    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl,
    td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

/* ///////////////////////////////////////////////////////////////////// 
//  011 - PHOTOGRAPHER IMAGE UPLOADERS Uploadify and yui
/////////////////////////////////////////////////////////////////////*/


#simultanious_up_text {
    clear: both;
}

#button_container {
    clear: both;
    margin-top: 12px;
}

#uploader_other_buttons_container {
    margin-top: -3px;
}

#uploader_other_buttons_container_2 {
    margin-top: -5px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  012 - COLLECTION TOOLBOX
/////////////////////////////////////////////////////////////////////*/
.collection-permission-change {
    color: #bea23e;
}

.galleryManageSideBar .columnRow {
    border-bottom: 0px dashed #eeeeee;
    margin-bottom: 5px;
}

.collectionSettingsBar {
    background-color: #393939;
    color: #ffffff;
    padding: 10px 0;
}

.collectionSettingsBar img {
    margin-left: 10px;
    cursor: pointer;
}

.collectionSettingsContainer {
    padding: 5px;
}

.collectionSettingsContainer .columnColumnChange {
    padding: 0px;
}

.collectionSettingsContainer .requireemail {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

.collectionSettingsContainer optgroup {
    border-top: 1px dashed #000000;
    margin: 5px 0px;
}

.collectionSettingsContainer a {
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.collectionToolBoxContainer textarea {
    resize: none;
}

.collectionToolBoxContainer .editCollectionProperties h4 {
    border-top: 1px solid #393939;
    border-bottom: 1px solid #393939;
    padding: 10px 0px;
}

#editable-collections-list {
    padding: 0px;
}

#editable-collections-list .col-10 {
    margin: 6px 3px -3px 0;
}

#editpasswordTxtContainer {
    font-weight: bold;
    color: #048abb;
}

.editCollectionProperties .lockpassword {
    padding-top: 15px;
}

.collectionSettingsContainer .columnRow {
    padding: 5px 0;
}

.collectionSettingsContainer #passwordTxtContainer {
    font-weight: bold;
    color: #048abb;
    cursor: pointer;
}

/* ///////////////////////////////////////////////////////////////////// 
//  013 - IMAGE TOOLBOX
/////////////////////////////////////////////////////////////////////*/

.imageSettingsBar {
    background-color: #393939;
    color: #ffffff;
    padding: 10px 0;
}

.imageSettingsBar img {
    margin-left: 10px;
    cursor: pointer;
}

.imageSettingsContainer {
    padding: 5px;
    border-bottom: 1px solid #eeeeee;
}

.imageSettingsContainer .columnColumnChange {
    padding: 5px 26px;
}

.imageSettingsContainer a {
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
}

.imageToolBoxContainer textarea {
    resize: none;
}

.imageSettingsContainer .columnRow {
    padding: 0 5px;
}

.pull-left-nomargin {
    float: left !important;
}


/* blog edit page*/

.blog-edit-title {
    border-bottom: 1px solid #cdcabf;
    margin-bottom: 15px;
    padding: 10px !important;
}

.widthAuto {
    width: auto;
}

.blog-left-container {
    min-height: 1250px;
}

#publishContainer,
#tagsContainer,
#featuresImageContainer {
    border: 1px solid #cdcabf;
}

.publishContainerTitle,
.categoryContainerTitle,
.tagsÇontainerTitle,
.featuresImageContainerTitle {
    background: transparent none repeat scroll 0 0;
    height: 30px;
    padding: 5px 0px 5px 8px;
}

.publishContainerContent,
.featuresImageContainerContent {
    padding: 8px;
}

.categoryContainerContent
{
    padding: 8px;
    height: 260px;
    overflow: auto;
}

.tagsÇontainerContent {
    padding: 8px;
    height: 100px;
    overflow: auto;
}

.loading_trans_blog {
    width: 17px;
}

.colorgray {
    color: #aaaaaa;
}

.bordertop1 {
    border-top: 1px solid #cdcabf;
}

.blog-left-container #categoryContainer {
    border: 1px solid #cdcabf;
}

.tagsÇontainerContent p {
    font-size: 11px;
}

.featuresImage_img {
    width: 100%;
}

.blogstyleimage {
    width: 100%;
}

#lightbox-nav-btnNext,
#lightbox-nav-btnPrev {
    transition: all 0s ease 0s;
}

/* clientwebsite settings page*/
.labelFor-form-control {
    padding-top: 7px;
}

.transition-slow {
    transition: all 0.3s ease 0s;
}

.fontItalic {
    font-style: italic;
}

.wstyleImage img {
    z-index: 100;
}

.form-control-for-label {
    padding: 6px 12px;
}

#cwbannerimage,
#cwlandingimage {
    width: 200px;
}

#cwbannerimage img,
#cwlandingimage img {
    width: 100%;
}

#cw_cover_image img {
    width: 200px;
}

/*webpage edit page*/
.breakWord {
    word-wrap: break-word;
}

.defaultHideForce {
    display: none !important;
}

/* email automation page */
.form-control-for-div {
    border: 1px solid #CDCABF;
    padding: 6px 12px;
}

.token_code {
    color: #BEA23E;
}

.positionRelative {
    position: relative;
}

.loading_trans_25 {
    width: 25px;
}

/* website manage page*/
.checkbox-shownav {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
}

.checkbox-shownav label {
    margin-top: 0;
    margin-bottom: 0;
}

/*price list page*/
.headerforimage {
    width: 20px;
    height: 1px;
    margin-right: 5px;
}

.changeview {
    margin-top: 15px;
}

.buttonsInSubNav {
    margin-top: -13px;
}

#frmPayment #securityCode {
    width: 50px
}

#frmPayment #ccexp {
    width: 100px;
}

/*storyboard page*/
#gapWidthSlider,
#layoutgapWidthSlider {
    float: left;
    margin-top: 11px;
    z-index: 999;
    width: 135px;
}

#gapWidthSliderValue,
#layoutgapWidthSliderValue {
    width: 43px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #555555;
    opacity: 1;
}

/* like bootstrap swith*/
.bootstrap-switch {
    height: 24px;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.bootstrap-switch-primary {
    background: #428bca none repeat scroll 0 0;
    color: #fff;
}

.bootstrap-switch-primary~.bootstrap-switch-handle-off::before {
    background: #ffffff none repeat scroll 0 0;

}

.bootstrap-switch-off .bootstrap-switch-handle-on~.bootstrap-switch-handle-off.bootstrap-switch-default::before {
    background: #ffffff none repeat scroll 0 0;

}

.bootstrap-switch-handle-off {
    color: #000;

}

.bootstrap-switch>div>span {
    font-size: 13px;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
}

/*datepicker*/

/*actions menu */
.dropdown-menu.action {
    /*top: 0;*/
    background-color: transparent;
    min-width: 100px;
    margin-top: 4px !important;
    margin-left: 15px !important;

}

.dropdown-menu.action.mln {
    margin-left: 0 !important;
}

.dropdown-menu.action>li {
    border: 1px solid #cdcabf;
    /*background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;*/
    background: #fafafa none repeat scroll 0 0;
    width: auto;
    float: none;
    height: 34px;
}

.dropdown-menu.action>li>a {
    color: #048fc2;
    /*background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;*/
    background: #fafafa none repeat scroll 0 0;
    padding: 6px 16px;
}

.dropdown-menu.action>li>a:hover {
    color: #005e7b;
    background-image: linear-gradient(#fafafa, #fff);
}

.action-title {
    padding: 6px 16px;
}

.open .action-title {
    border: 1px solid #cdcabf;
}


.collection_title.withtrush {
    width: calc(100% - 36px);
    padding-right: 18px;
    float: left;
    display: flex;
    align-items: center;
}

.category_text .category_title {
    width: calc(100% - 36px);
    padding-right: 18px;
    float: left;
    display: flex;
    align-items: center;
}

/* admin report page */
table#design_albums.adminreport {
    width: auto !important;
}

table#design_albums.adminreport th,
table#design_albums.adminreport td {
    padding-right: 10px;
    padding-left: 10px;
    background-color: transparent;
    font-weight: normal;
}

.listViewHeader.adminreport {
    display: table-row;
}

.listViewRow.adminreport {
    display: table-row;
}

#datepickerfrom {
    width: 400px;
    height: 320px;
}

#salesType,
select#onlywholesale {
    display: inline-block;
    width: auto;
}

.loading_admin_report {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
}

.loading_admin_report .content {
    display: -webkit-flex;
    /* Safari */
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* user favorites*/
.userFavoritesLeftArrowContainer {
    height: 100%;
    position: absolute;
    top: 0;
    left: 2px;
}

.ArrowWrapper {
    display: table;
    height: 100%;
}

.ArrowWrapper .sliderLeft,
.ArrowWrapper .sliderRight {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.userFavoritesRightArrowContainer {
    height: 100%;
    position: absolute;
    top: 0;
    right: 2px;
}

#userFavoritesPopup {
    z-index: 99998 !important;
}

#userfavoriteslist .images {
    padding: 20px;
}

.pgBlogimg {
    position: absolute;
    margin: auto;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    max-width: none !important;
}

.account_settings_title {
    border-bottom: 2px solid;
    font-size: 1.3em;
}

.icon_type_label .icons {
    margin-top: 28px;
}

.social_icon_color_option {
    margin-top: 35px;
}

.social_icons {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.social_icons a {
    display: block;
    height: 35px;
    width: 35px;
}

.type_0.color_0_0 a.connectFull_twitter {
    background: url("/assets/32/0/0/Twitter2.png") no-repeat center center / contain;
}

.type_0.color_0_0 a.connectFull_linkedIn {
    background: url("/assets/32/0/0/Linked_In2.png") no-repeat center center / contain;
}

.type_0.color_0_0 a.connectFull_vimeo {
    background: url("/assets/32/0/0/Vimeo2.png") no-repeat center center / contain;
}

.type_0.color_0_0 a.connectFull_facebook {
    background: url("/assets/32/0/0/Facebook2.png") no-repeat center center / contain;
}

.type_0.color_0_0 a.connectFull_googleplus {
    background: url("/assets/32/0/0/Google_Plus2.png") no-repeat center center / contain;
}

.type_0.color_0_0 a.connectFull_pinterest {
    background: url("/assets/32/0/0/Pinterest2.png") no-repeat center center / contain;
}

.type_0.color_0_0 a.connectFull_instagram {
    background: url("/assets/32/0/0/Instagram2.png") no-repeat center center / contain;
}

.type_0.color_0_1 a.connectFull_twitter {
    background: url("/assets/32/0/1/Twitter2.png") no-repeat center center / contain;
}

.type_0.color_0_1 a.connectFull_linkedIn {
    background: url("/assets/32/0/1/Linked_In2.png") no-repeat center center / contain;
}

.type_0.color_0_1 a.connectFull_vimeo {
    background: url("/assets/32/0/1/Vimeo2.png") no-repeat center center / contain;
}

.type_0.color_0_1 a.connectFull_facebook {
    background: url("/assets/32/0/1/Facebook2.png") no-repeat center center / contain;
}

.type_0.color_0_1 a.connectFull_googleplus {
    background: url("/assets/32/0/1/Google_Plus2.png") no-repeat center center / contain;
}

.type_0.color_0_1 a.connectFull_pinterest {
    background: url("/assets/32/0/1/Pinterest2.png") no-repeat center center / contain;
}

.type_0.color_0_1 a.connectFull_instagram {
    background: url("/assets/32/0/1/Instagram2.png") no-repeat center center / contain;
}

.type_0.color_0_2 a.connectFull_twitter {
    background: url("/assets/32/0/2/Twitter2.png") no-repeat center center / contain;
}

.type_0.color_0_2 a.connectFull_linkedIn {
    background: url("/assets/32/0/2/Linked_In2.png") no-repeat center center / contain;
}

.type_0.color_0_2 a.connectFull_vimeo {
    background: url("/assets/32/0/2/Vimeo2.png") no-repeat center center / contain;
}

.type_0.color_0_2 a.connectFull_facebook {
    background: url("/assets/32/0/2/Facebook2.png") no-repeat center center / contain;
}

.type_0.color_0_2 a.connectFull_googleplus {
    background: url("/assets/32/0/2/Google_Plus2.png") no-repeat center center / contain;
}

.type_0.color_0_2 a.connectFull_pinterest {
    background: url("/assets/32/0/2/Pinterest2.png") no-repeat center center / contain;
}

.type_0.color_0_2 a.connectFull_instagram {
    background: url("/assets/32/0/2/Instagram2.png") no-repeat center center / contain;
}


.type_1.color_1_0 a.connectFull_twitter {
    background: url("/assets/32/1/0/Twitter2.png") no-repeat center center / contain;
}

.type_1.color_1_0 a.connectFull_linkedIn {
    background: url("/assets/32/1/0/Linked_In2.png") no-repeat center center / contain;
}

.type_1.color_1_0 a.connectFull_vimeo {
    background: url("/assets/32/1/0/Vimeo2.png") no-repeat center center / contain;
}

.type_1.color_1_0 a.connectFull_facebook {
    background: url("/assets/32/1/0/Facebook2.png") no-repeat center center / contain;
}

.type_1.color_1_0 a.connectFull_googleplus {
    background: url("/assets/32/1/0/Google_Plus2.png") no-repeat center center / contain;
}

.type_1.color_1_0 a.connectFull_pinterest {
    background: url("/assets/32/1/0/Pinterest2.png") no-repeat center center / contain;
}

.type_1.color_1_0 a.connectFull_instagram {
    background: url("/assets/32/1/0/Instagram2.png") no-repeat center center / contain;
}

.type_2.color_2_0 a.connectFull_twitter {
    background: url("/assets/32/2/0/Twitter.png") no-repeat center center / contain;
}

.type_2.color_2_0 a.connectFull_linkedIn {
    background: url("/assets/32/2/0/Linked_In.png") no-repeat center center / contain;
}

.type_2.color_2_0 a.connectFull_vimeo {
    background: url("/assets/32/2/0/Vimeo.png") no-repeat center center / contain;
}

.type_2.color_2_0 a.connectFull_facebook {
    background: url("/assets/32/2/0/Facebook.png") no-repeat center center / contain;
}

.type_2.color_2_0 a.connectFull_googleplus {
    background: url("/assets/32/2/0/Google_Plus.png") no-repeat center center / contain;
}

.type_2.color_2_0 a.connectFull_pinterest {
    background: url("/assets/32/2/0/Pinterest.png") no-repeat center center / contain;
}

.type_2.color_2_0 a.connectFull_instagram {
    background: url("/assets/32/2/0/Instagram.png") no-repeat center center / contain;
}

.type_2.color_2_1 a.connectFull_twitter {
    background: url("/assets/32/2/1/Twitter.png") no-repeat center center / contain;
}

.type_2.color_2_1 a.connectFull_linkedIn {
    background: url("/assets/32/2/1/Linked_In.png") no-repeat center center / contain;
}

.type_2.color_2_1 a.connectFull_vimeo {
    background: url("/assets/32/2/1/Vimeo.png") no-repeat center center / contain;
}

.type_2.color_2_1 a.connectFull_facebook {
    background: url("/assets/32/2/1/Facebook.png") no-repeat center center / contain;
}

.type_2.color_2_1 a.connectFull_googleplus {
    background: url("/assets/32/2/1/Google_Plus.png") no-repeat center center / contain;
}

.type_2.color_2_1 a.connectFull_pinterest {
    background: url("/assets/32/2/1/Pinterest.png") no-repeat center center / contain;
}

.type_2.color_2_1 a.connectFull_instagram {
    background: url("/assets/32/2/1/Instagram.png") no-repeat center center / contain;
}

.type_2.color_2_2 a.connectFull_twitter {
    background: url("/assets/32/2/2/Twitter.png") no-repeat center center / contain;
}

.type_2.color_2_2 a.connectFull_linkedIn {
    background: url("/assets/32/2/2/Linked_In.png") no-repeat center center / contain;
}

.type_2.color_2_2 a.connectFull_vimeo {
    background: url("/assets/32/2/2/Vimeo.png") no-repeat center center / contain;
}

.type_2.color_2_2 a.connectFull_facebook {
    background: url("/assets/32/2/2/Facebook.png") no-repeat center center / contain;
}

.type_2.color_2_2 a.connectFull_googleplus {
    background: url("/assets/32/2/2/Google_Plus.png") no-repeat center center / contain;
}

.type_2.color_2_2 a.connectFull_pinterest {
    background: url("/assets/32/2/2/Pinterest.png") no-repeat center center / contain;
}

.type_2.color_2_2 a.connectFull_instagram {
    background: url("/assets/32/2/2/Instagram.png") no-repeat center center / contain;
}

.type_2.color_2_3 a.connectFull_twitter {
    background: url("/assets/32/2/3/Twitter.png") no-repeat center center / contain;
}

.type_2.color_2_3 a.connectFull_linkedIn {
    background: url("/assets/32/2/3/Linked_In.png") no-repeat center center / contain;
}

.type_2.color_2_3 a.connectFull_vimeo {
    background: url("/assets/32/2/3/Vimeo.png") no-repeat center center / contain;
}

.type_2.color_2_3 a.connectFull_facebook {
    background: url("/assets/32/2/3/Facebook.png") no-repeat center center / contain;
}

.type_2.color_2_3 a.connectFull_googleplus {
    background: url("/assets/32/2/3/Google_Plus.png") no-repeat center center / contain;
}

.type_2.color_2_3 a.connectFull_pinterest {
    background: url("/assets/32/2/3/Pinterest.png") no-repeat center center / contain;
}

.type_2.color_2_3 a.connectFull_instagram {
    background: url("/assets/32/2/3/Instagram.png") no-repeat center center / contain;
}

.type_3.color_3_0 a.connectFull_twitter {
    background: url("/assets/32/3/0/Twitter4.png") no-repeat center center / contain;
}

.type_3.color_3_0 a.connectFull_linkedIn {
    background: url("/assets/32/3/0/Linked_In4.png") no-repeat center center / contain;
}

.type_3.color_3_0 a.connectFull_vimeo {
    background: url("/assets/32/3/0/Vimeo4.png") no-repeat center center / contain;
}

.type_3.color_3_0 a.connectFull_facebook {
    background: url("/assets/32/3/0/Facebook4.png") no-repeat center center / contain;
}

.type_3.color_3_0 a.connectFull_googleplus {
    background: url("/assets/32/3/0/Google_Plus4.png") no-repeat center center / contain;
}

.type_3.color_3_0 a.connectFull_pinterest {
    background: url("/assets/32/3/0/Pinterest4.png") no-repeat center center / contain;
}

.type_3.color_3_0 a.connectFull_instagram {
    background: url("/assets/32/3/0/Instagram4.png") no-repeat center center / contain;
}

.type_3.color_3_1 a.connectFull_twitter {
    background: url("/assets/32/3/1/Twitter2.png") no-repeat center center / contain;
}

.type_3.color_3_1 a.connectFull_linkedIn {
    background: url("/assets/32/3/1/Linked_In2.png") no-repeat center center / contain;
}

.type_3.color_3_1 a.connectFull_vimeo {
    background: url("/assets/32/3/1/Vimeo2.png") no-repeat center center / contain;
}

.type_3.color_3_1 a.connectFull_facebook {
    background: url("/assets/32/3/1/Facebook2.png") no-repeat center center / contain;
}

.type_3.color_3_1 a.connectFull_googleplus {
    background: url("/assets/32/3/1/Google_Plus2.png") no-repeat center center / contain;
}

.type_3.color_3_1 a.connectFull_pinterest {
    background: url("/assets/32/3/1/Pinterest2.png") no-repeat center center / contain;
}

.type_3.color_3_1 a.connectFull_instagram {
    background: url("/assets/32/3/1/Instagram2.png") no-repeat center center / contain;
}

.type_3.color_3_2 a.connectFull_twitter {
    background: url("/assets/32/3/2/Twitter.png") no-repeat center center / contain;
}

.type_3.color_3_2 a.connectFull_linkedIn {
    background: url("/assets/32/3/2/Linked_In.png") no-repeat center center / contain;
}

.type_3.color_3_2 a.connectFull_vimeo {
    background: url("/assets/32/3/2/Vimeo.png") no-repeat center center / contain;
}

.type_3.color_3_2 a.connectFull_facebook {
    background: url("/assets/32/3/2/Facebook.png") no-repeat center center / contain;
}

.type_3.color_3_2 a.connectFull_googleplus {
    background: url("/assets/32/3/2/Google_Plus.png") no-repeat center center / contain;
}

.type_3.color_3_2 a.connectFull_pinterest {
    background: url("/assets/32/3/2/Pinterest.png") no-repeat center center / contain;
}

.type_3.color_3_2 a.connectFull_instagram {
    background: url("/assets/32/3/2/Instagram.png") no-repeat center center / contain;
}

.type_3.color_3_3 a.connectFull_twitter {
    background: url("/assets/32/3/3/Twitter.png") no-repeat center center / contain;
}

.type_3.color_3_3 a.connectFull_linkedIn {
    background: url("/assets/32/3/3/Linked_In.png") no-repeat center center / contain;
}

.type_3.color_3_3 a.connectFull_vimeo {
    background: url("/assets/32/3/3/Vimeo.png") no-repeat center center / contain;
}

.type_3.color_3_3 a.connectFull_facebook {
    background: url("/assets/32/3/3/Facebook.png") no-repeat center center / contain;
}

.type_3.color_3_3 a.connectFull_googleplus {
    background: url("/assets/32/3/3/Google_Plus.png") no-repeat center center / contain;
}

.type_3.color_3_3 a.connectFull_pinterest {
    background: url("/assets/32/3/3/Pinterest.png") no-repeat center center / contain;
}

.type_3.color_3_3 a.connectFull_instagram {
    background: url("/assets/32/3/3/Instagram.png") no-repeat center center / contain;
}

.type_0 .social_icons a,
.type_1 .social_icons a,
.type_3 .social_icons a {
    height: 25px;
    width: 25px;
}

.type_0 .social_icons,
.type_1 .social_icons,
.type_3 .social_icons {
    padding: 5px;
}

/* for settings page only*/
.color_0_1,
.color_3_1,
.color_3_3 {
    background-color: #bbbbbb;
}

.icon_type_label .pg_connectFull_type {
    height: 35px;
}

/* end settings page only*/

#uploadedFeatureImage,
#fromEventFeatureImage {
    max-width: 100%;
    width: 314px;
    height: 212px;
    position: relative;
    overflow: hidden;
}

#uploadedFeatureImage img,
#fromEventFeatureImage img,
.blank_img_V {
    bottom: -100%;
    height: 100%;
    left: -100%;
    margin: auto;
    position: absolute;
    right: -100%;
    top: -100%;
    width: auto;
}

#uploadedFeatureImage img.imgV,
#fromEventFeatureImage img.imgV,
.blank_img_H {
    bottom: -100%;
    height: auto;
    left: -100%;
    margin: auto;
    position: absolute;
    right: -100%;
    top: -100%;
    width: 100%;
}

.cartImgV {
    max-height: 150px;
}

.cartImgH {
    max-width: 150px;
}

.page_designer_tutorial {
    font-size: 16px;
    margin-top: 13px !important;
}

.page_designer_tutorial a {
    font-size: 15px;
}

.page_designer_tutorial img {
    height: 22px;
    margin-bottom: 3px;
    padding-right: 8px;
    padding-left: 8px;
}

.widget_tutorial {
    font-size: 24px;
    line-height: 27px;
    padding: 19px 0;
    margin-left: -5px;
}

.widget_tutorial a {
    font-size: 15px;
}

.widget_tutorial img {
    height: 22px;
    margin-bottom: 3px;
    padding-right: 8px;
    padding-left: 8px;
}

.tutorial_in_header {
    max-width: 95%;
    margin-top: 13px;
    font-size: 12pt;
    margin-bottom: 13px;
    line-height: 27px;
}

.tutorial_in_share_popup {
    margin-top: -35px;
}

.tutorial_in_header a {
    font-size: 15px;
}

.tutorial_in_header img {
    height: 22px;
    margin-bottom: 3px;
    padding-right: 8px;
    padding-left: 8px;
}

.tutorial_in_panel,
.tutorial_in_panel:focus {
    color: white;
    outline: none;
}

.important_notice {
    color: red;
}

.important_notice a {
    text-decoration: underline;
    color: red;
}


.popup_block {
    overflow: auto;
}

/* Left side navigation menu
    #sidetabnav {
        padding: 0;
        height: calc(100vh - 127px);
    }

    #sidetabnavcontent {
        height: calc(100vh - 127px);
        overflow: auto;
    }

    #sidetabnav ul {
        background-color: #eeeeee;
        height: 100%;
        margin: 0 5%;
        padding-top: 15px;
        width: 95%;
    }

    #sidetabnav li.item {
        position: relative;
        width: 100%;
        height: 40px;
        font-weight: bold;
        padding: 10px;
        color: #000000;
        background-color: #eeeeee;
        cursor: pointer;
        border-top: 1px solid #fff;
    }

    #sidetabnav li.dummyitem {
        background-color: #eeeeee;
        font-weight: bold;
        height: 40px;
        padding: 7px 10px;
        width: 100%;
        border-bottom: 2px dotted #383838;
        border-top: 2px dotted #383838;
    }


    #sidetabnav li.item:hover::after,
    #sidetabnav li.item.active::after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 0px;
        top: 100%;
        border-width: 5px 10px;
        border-style: solid;
        border-color: #666 #666 transparent transparent;
    }

    #sidetabnav li.item:hover::before,
    #sidetabnav li.item.active::before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        right: -2px;
        top: 0px;
        border-color: transparent #fff transparent transparent;
    }

    #sidetabnav li.item:hover,
    #sidetabnav li.item.active {
        background-color: #383838;
        margin: 0 -8%;
        padding: 10px 30px;
        width: 108%;
        color: #FFFFFF;
    } */

.topmargin5 {
    margin: 5px 0px;
}


.nomargin {
    margin: 0px;
}

.pricelistPKGDiff {
    margin-top: 15px;
    border: 3px solid #b3b3b3;
}

.tracksales_fillter {
    height: 35px
        /*35px*/
    ;
}

.tracksales_fillter p {
    margin-top: 3px;
}

.tracksales_fillter .btn {
    margin-top: 2px;
}

.special_inst {
    max-width: calc(100% - 135px);
}

#deletecollectionform {
    max-width: 500px;
}

.productsalse_table th,
.productsalse_table td {
    text-align: center;
}

.showDescription {
    min-height: 22px;
}

#pkg_image img {
    max-width: 350px;
}

.sc_image_col {
    min-width: 220px;
}

.sc_desc_col {
    max-width: calc(100% - 220px);
}

#frmEditCoupon #tagName {
    width: 200px;
    margin-top: 3px;
}

@media (max-width: 480px) {

    .login-form .simple-inner-button,
    .signup-form .simple-inner-button {
        padding: 6px 34px;
    }
}

#share .trial_message {
    margin-bottom: -30px;
    margin-top: 10px;
}

.trial_message_in_header {
    float: left;
    height: 48px;
    max-width: calc(100% - 100px);
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.trial_message_in_header.web_page_header {
    max-width: calc(100% - 325px);
}

#blogitPopup .trial_message {
    margin-top: 20px;
}

#site_content>div.trial_message {
    background: #fdd;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    padding: 10px;
    z-index: 10000;
    position: relative;
}

.vcenter_label {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
    height: 34px;
}

#imageSourcePopup .myEventImages .qq-upload-success .gal_img .wraptocenter {
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    justify-content: center;
}

.wraptocenterCart.cartImagePlaceHolder {
    background-color: #eeeeee;
}

.pl_productDesc1ForDisplay.error_display_msg {
    height: auto;
}

.track_shipment_link {
    width: 214.391px;
    font-size: 8pt;
}

.font-weight-normal {
    font-weight: 400;
}

.zoom-in-button {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.zoom-in-parent {
    position: relative;
}

#zoomed_in_img {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000000;
    top: 0;
    right: 0;
    background-color: #ffffff;
}

#zoomed_in_img_inner {
    position: relative;
}

#zoomed_in_img_inner img:nth-child(2) {
    width: 100%;
    height: auto;
    max-width: 1600px;
    max-height: none;
}

#zoom_in_close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    ;
}

.whatsthis {
    font-size: 14px;
}

.have-height-for-float {
    overflow-y: auto;
}

.change_subscription_button {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    background-color: #048abb;
    height: 40px;
    padding-top: 5px;
    border: 1px solid #048abb;
    border-radius: 4px;
    margin-bottom: 40px;
    color: white !important;
    display: block;
    min-width: 340px;
}

.image-editor {
    border: 1px solid #E5E5E5;
    margin-bottom: 15px;
}

.cropicon {
    float: left;
    margin: 2px 2px 0px 10px;
}

.cropiconHolder {
    float: left;
    margin-right: 5px;
}

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    margin: 0px auto;
}

.cropit-preview-image-container {
    cursor: move;
}

.image-size-label {
    margin-top: 10px;
}

#dropboxuploader_button {
    float: left;
    margin-right: 7px;
}

#dropboxuploader_button a {
    background-color: #007a96;
    padding: 13px 28px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    letter-spacing: 1px;
}

.jconfirm-content-pane {
    padding: 0px 5px;
}

.jconfirm-buttons {
    width: 100%;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    background: linear-gradient(to bottom, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 100%) !important;
    font-weight: 700;
    border: 1px solid rgba(39, 39, 39, 1) !important;
    margin-left: 8px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    color: #FFFFFF !important;
    text-align: center !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    line-height: 1.5;
    border-radius: 0.1875rem;
}


.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn.btn-ws-cancel {
    text-transform: none;
    color: #048fc2;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn.btn-ws-cancel:hover {
    color: #005e7b;
    text-decoration: none;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn.btn-ws-go {
    text-transform: none;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn.btn-ws-go:hover {
    color: #fff;
    background-color: #090909;
    border-color: #030303;
}

.jconfirm.jconfirm-light .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 23px;
    font-weight: 600;
    font-size: 15pt;
    padding-top: 5px;
}


/*actions dot */
.dropdown-menu.forqbydot {
    /*top: 0;*/
    background-color: transparent;
    min-width: 100px;
    margin-top: 4px !important;
    margin-left: 15px !important;
}

.dropdown-menu.forqbydot.mln {
    margin-left: 0 !important;
}

.dropdown-menu.forqbydot>li {
    border: 1px solid #cdcabf;
    /*background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;*/
    background: #fafafa none repeat scroll 0 0;
    width: auto;
    float: none;
    height: 34px;
}

.dropdown-menu.forqbydot>li>a {
    color: #048fc2;
    /*background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;*/
    background: #fafafa none repeat scroll 0 0;
    padding: 6px 16px;
}

.dropdown-menu.forqbydot>li>a:hover {
    color: #005e7b;
    background-image: linear-gradient(#fafafa, #fff);
}

/*image gallries style*/
.galleryGridListView {
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
}

.galleryGridListView .galleryContainer {
    width: 400px;
    margin-right: 0;
    height: auto;
    float: left;
    padding-top: 5px;
    padding-bottom: 17px;
}

.qbydot {
    height: 5px;
    width: 5px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
}

.imageGalleriesThumb {
    height: 244px;
    border-radius: 2px;
}

.noImageAvailable {
    color: #C9C9C9;
    font-family: 'Futura W01 Book';
    height: 100%;
    border: 3px dashed #C9C9C9;
    display: -webkit-flex;
    /* Safari */
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.noImageAvailable div {
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
}

.noImageAvailable div:first-child {
    font-size: 46px;
}

.flex_left {
    display: -webkit-flex;
    /* Safari */
    -webkit-justify-content: left;
    /* Safari 6.1+ */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    justify-content: left;
    align-items: center;
}

.qbydots {
    width: 18px;
}


.gallery_info {
    font-size: 9pt;
}

.gallery_info span {
    margin-right: 10pt;
}

.pad_top30 {
    padding-top: 30px;
}

.galleryListViewHeader {
    max-width: 1540px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.page-header.events-header {
    width: 1540px;
    margin-left: auto;
    margin-right: auto;
}

.event_search_box {
    width: 27%;
}



.galleryListViewHeader #createGallery {
    margin-right: 30px;
}

.qbypopup_row {
    margin-bottom: 5px;
}

.qbypopup_title {
    margin-right: 5px;
}

.qbypopup_input {
    width: 61%;
}

.qbypopup_note {
    font-size: 9pt;
    line-height: 19px;
}

#gallery_title.qbypopup_input {
    margin-top: 0;
    margin-left: 0;
    font-size: inherit;
    font-family: inherit;
}

.event_search_box .todo-search {
    position: relative;
    padding: 5px 10px;
    color: #000000;
    background: #E3E3E3;
    background-size: 16px 16px;
    border-radius: 0px 0px 0 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    width: 100%;
    min-height: 32px;
    background-color: #ffffff;
    border: 2px solid #e9e9e9;
}


.event_search_box input.todo-search-field {
    margin: 0;
    font-size: 11px;
    line-height: 17px;
    color: #000000;
    text-indent: 0;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    width: 98%;
}

.page-header.events-header h4 {
    display: inline-block;
}

.simple-inner-button2 {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 240, 234, 1) 100%);
    padding: 6px 33px;
    border: 1px solid #CDCABF;
    margin-right: 8px;
    border-radius: 2px;
    cursor: pointer !important;
    font-weight: bold;
    color: #048fc2;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

.view_change_link {
    margin-left: 10px;
}

.active_archive_change {
    margin-left: 10px;
}

body .jconfirm.jconfirm-white .jconfirm-bg,
body .jconfirm.jconfirm-light .jconfirm-bg {
    opacity: .4;
}

@media (max-width: 1645px) {
    .galleryGridListView {
        max-width: 1155px;
    }

    .galleryListViewHeader {
        max-width: 1155px;
    }

    .page-header.events-header {
        max-width: 1155px;
    }
}

@media (max-width: 1200px) {
    .galleryGridListView .galleryContainer {
        width: 33.33%;
    }

    .galleryListViewHeader {
        width: calc(100% - 45px);
        margin-left: 0;
    }
}

@media (max-width: 700px) {
    .galleryGridListView .galleryContainer {
        width: 400px;
        float: none;
    }

    .galleryListViewHeader .event_search_box {
        width: 70%;
    }

    .galleryListViewHeader #createGallery {
        margin-top: 10px;
    }

}

#qboxColorContent .optionHolder {
    min-height: 188px;
}

.oval_aperture {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

body #fade {
    background: #4444;
}

.ws-go-button {
    text-transform: none;
    padding: 8px 22px;
    background-color: #606060;
    color: #ffffff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    transition: background .2s;
    display: inline-block;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    min-height: 1em;
    outline: 0;
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.ws-go-button:hover {
    background-color: #484848;
}

.ws-close-button {
    color: black;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    font-size: 27px !important;
    line-height: 14px !important;
    font-weight: 300;
    display: block;
}

.menu_for_collections {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 2;
}

/*over write theme.css*/
.dropdown-menu.show li:first-child>a:before {
    position: absolute;
    top: -10px;
    left: 15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    z-index: 2;
}


.headerContainer .dropdown-menu.show a:first-child:before {
    position: absolute;
    top: -10px;
    left: 15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    z-index: 2;
}

.dropdown-menu.show li {
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-menu.show li:last-child {
    border-bottom: none;
}

.dropdown-menu.show .dropdown-item {
    color: #212529;
}

.dropdown-menu .divider {
    background-color: #e9e9e9;
    border: 0 none;
    height: 2px !important;
    margin-top: -1px !important;
    overflow: hidden;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.table-ws {
    width: 100%;
}

.table-ws th,
.table-ws td {
    padding: 1.75em;
    border-top: 0px;
}



.table-ws thead tr th {
    vertical-align: bottom;
    border-bottom: 2px solid #e1e1e1;
    font-size: 13px;
    font-weight: 500;
    padding: 1.75em;
}

.table-ws-header {
    vertical-align: bottom;
    /* border-bottom: 2px solid #e1e1e1;*/
    font-size: 13px;
    font-weight: 700;
    padding: 1.75em;
}

.table-ws-row {
    padding: 2.75em;
    border-top: 0px;
}

.table-ws-row:nth-of-type(2n) {
    background-color: #f1f1f1;
}

.table-ws-row:nth-of-type(2n +1) {
    background-color: white;
}

.collection_cover_image {
    width: 100%;
}

#coverPage img {
    width: 100%;
}

.creation_div {
    height: 42px;
    display: flex;
    align-items: center;
    width: 100%;
}

.creation_div>*:first-child {
    margin-left: 16px;
}

.creation_div svg {
    font-size: 7px;
    margin-top: 2px;
    margin-right: 1px;
}

#editbuttons,
.toggle_buttons {
    max-height: 0;
    overflow: hidden;
    /* -webkit-transition: max-height .5s;
    -moz-transition: max-height .5s;
    -ms-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s; */
}

#editbuttons.open {
    margin-top: 0px;
    max-height: 40px;
    padding-bottom: 10px;
    background-color: white;
}

#subheader_buttons {
    width: 99% !important;
}

#hiddenImagesSelected {
    width: 100% !important;
    margin-top: 0px;
    max-height: 40px;
    background-color: white;
    padding-bottom: 10px;
}

.toggle_buttons.open {
    max-height: 42px;
}

#editbuttons .dropdown-menu {
    max-height: calc(-225px + 100vh);
    overflow-y: auto;
}

#editbuttons.with_client_session .dropdown-menu {
    max-height: calc(-255px + 100vh);
}

#categoryCoverImage {
    width: 150xp;
}

.filenameText {
    font-size: 9px;
    line-height: 12px;
    padding-top: 0;
    padding-bottom: 10px;
}

#mainGallery .fancy-tab .nav-bar .nav-bar-item {
    font-size: 0.95rem;
}

.fancy-tab .nav-bar .nav-bar-item-dummy {
    padding: 0.5rem 1.8rem;
    font-size: 0.95rem;
    line-height: 1rem;
    font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
}

.fancy-tab .nav-bar .nav-bar-item.active {
    color: #bea23e;
}

.fancy-tab .nav-bar .tab-indicator {
    background-color: #bea23e;
}

.nav-shoppingcart {
    font-size: 1.2rem;
}


.nav-account {
    font-size: 1.2rem;
}

@media (min-width: 991.98px) {
    .headerContainer .nav-account .dropdown-menu.show a:first-child::before {

        position: absolute;
        top: -10px;
        left: 130px;
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        z-index: 2;
    }
}


.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.45rem;
    padding-left: 0.45rem;
}

@media (min-width: 1030px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}

@media (min-width: 1170px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.6rem;
        padding-left: 0.6rem;
    }
}

#imageGalleryCollectionTitle {
    z-index: 2;

}

#imageGalleryCollectionTitle h4 {
    display: none;
}

@media (min-width: 1000px) {
    #imageGalleryCollectionTitle {
        position: absolute;
        margin-top: 12px;
    }
}

#page_container {
    padding-left: 0px;
}

#page_container .title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}




#changeviewWrapper {
    margin-left: 5px;
}

#changeviewWrapper #currentViewText {
    font-size: 19px;
}

.no_images_note {
    padding-top: 30px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.ios-toggle:checked+.checkbox-label::after {
    left: 0;
    color: white;
}


.checkbox-label {

    font-size: 0.75rem;
    line-height: 1rem;
    width: 4.375rem;
    height: 2rem;
    border-radius: 3.125rem;
    cursor: pointer;
    color: #36454F;
    -webkit-box-shadow: inset 0 0 0 0 #36454F, 0 0 0 0.0625rem #e1e1e1;
    box-shadow: inset 0 0 0 0 #36454F, 0 0 0 0.0625rem #e1e1e1;

}

.ios-toggle:checked+.checkbox-label {
    -webkit-box-shadow: inset 0 0 0 1.25rem #000000, 0 0 0 0.0625rem #000000;
    box-shadow: inset 0 0 0 1.25rem #000000, 0 0 0 0.0625rem #000000;
}

.checkbox-label::after {
    left: unset;
    right: 0;
    color: black;
    padding: 0.5rem;
    width: 3rem;
}

#printboxdesignSpace {
    width: calc(100% - 400px);
    float: left;
}

.previewPrintsHolder {
    float: right;
    width: 400px;
}

.navbar-dark {
    background-color: #000 !important;
}

.card-body {
    padding: 2rem;
}

.card-header {
    padding: 5px 0px 5px 15px;
}

.ws_card_body td {
    padding: 5px 0px 5px 15px;
}

.ws_preferences_card {
    width: 90%;
    padding-right: 0;
    padding-left: 0;
}

#dashboardmessage h3 {
    font-size: 25pt;
}

#dashboardmessage h3 p {
    font-size: 16pt;
    font-weight: 400;
}

.imageGalleryNav {

    position: fixed !important;
    width: 100%;
    background: white;
    height: 43px;
    margin-top: -35px;
    z-index: 1;


}

.imageGalleryNav:after {
    content: ' ';
}

.tab-indicator:after {
    content: ' ';
}

#mainGallery .tab-contents {
    top: 10px;
    margin-top: 0;
    padding-top: 40px;
}


#under-fancy-tab {
    position: fixed;
    width: 100%;
    background: white;
    height: 15px;
    margin-top: 3px;
    z-index: 1;
}

@media (max-width: 682px) {
    #mainGallery .tab-contents {
        top: 85px;
    }

    #under-fancy-tab {
        margin-top: 85px;
    }
}

h3#galleryName,
h4#galleryName {
    width: 100%;
    background: white;
    z-index: 1;
    padding-top: 1em;
    height: 57px;
    margin-top: 0;
}

#galleryNameWrapper {
    height: 57px;
    position: relative;
}

.fixedarea {
    position: fixed !important;
}

.imageviewtype,
#update_all_collections_price_list,
#update_all_collections_description {
    color: #bea23e;
    font-weight: bold;
}

.mainBuy .catPreviewInsider {
    height: auto;
    margin-right: 20px;
    width: calc(50% - 20px);
}

.mainBuy .mainProductImg {
    float: right;
    height: auto;
    margin: 0;
    padding-left: 2%;
    width: 89%;
}

.mainBuy .thumbProductImgs {
    height: auto;
    margin: 0;
    width: 11%;
    clear: none;
}

.mainBuy .thumbProductImg {
    height: auto;
    width: 100%;
    margin-bottom: 17%;
    margin-right: 0;
}

.mainBuy .catPreviewInsider2 {
    width: 50%;
    float: left;
}

.mainBuy .catPreview {
    padding-bottom: 15px;
}

#product_buy_page {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 720px) {
    .mainBuy .catPreviewInsider {
        width: 100%;
        margin-right: 0;
    }

    .mainBuy .catPreviewInsider2 {
        width: 100%;
    }
}

.mt21 {
    margin-top: 21px;
}

.mt30 {
    margin-top: 30px;
}

.pt17 {
    padding-top: 17px;
}

.pl4 {
    padding-left: 4px;
}

.album_search_box {
    width: 27%;
}

.album_search_box .todo-search {
    position: relative;
    padding: 5px 10px;
    color: #000000;
    background: #E3E3E3;
    background-size: 16px 16px;
    border-radius: 0px 0px 0 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    width: 100%;
    min-height: 32px;
    background-color: #ffffff;
    border: 2px solid #e9e9e9;
}

.album_search_box input.todo-search-field {
    margin: 0;
    font-size: 11px;
    line-height: 17px;
    color: #000000;
    text-indent: 0;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    width: 98%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
    font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    color: #241c15;
}

.navbar,
.navbar a {
    font-weight: 600;
}

.navbar.on_client_session {
    height: 57px;
    border-top: 1px solid red;
}

.blog_search_box {
    width: 27%;
}

.blog_search_box .todo-search {
    position: relative;
    padding: 5px 10px;
    color: #000000;
    background: #E3E3E3;
    background-size: 16px 16px;
    border-radius: 0px 0px 0 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    width: 100%;
    min-height: 32px;
    background-color: #ffffff;
    border: 2px solid #e9e9e9;
}

.blog_search_box input.todo-search-field {
    margin: 0;
    font-size: 11px;
    line-height: 17px;
    color: #000000;
    text-indent: 0;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    width: 98%;
}

#lightboxOverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
}

#lightbox {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%);
}

.imagecollectionsContainer.fixedarea {
    max-height: calc(100% - 129px);
    overflow-y: auto;
}

.dataTables_info {
    float: left;
}

.dataTables_paginate {
    float: right;
    margin: 0;
}

.dataTables_paginate #previous_revisions_customise_next {
    margin-left: 5px;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: inherit;
    text-decoration: none;
}

.paginate_disabled_previous:hover,
.paginate_disabled_next:hover {
    color: inherit;
    text-decoration: none;
}

.social_icon_color_option {
    width: calc(100% - 300px);
}

.plan-boxes-for-mysubscription .free-plan,
.plan-boxes-for-mysubscription .entry-plan,
.plan-boxes-for-mysubscription .basic-plan,
.plan-boxes-for-mysubscription .basic-plan-life-time,
.plan-boxes-for-mysubscription .pro-plan,
.plan-boxes-for-mysubscription .proplus-plan,
.plan-boxes-for-mysubscription .lifetime-plan {
    width: 25%;
    margin: 0;
    padding-right: 20px;
    padding-left: 0;
    padding-top: 0;
    max-width: 250px;
}

.plan-boxes-for-mysubscription .amount,
.plan-boxes-for-mysubscription .permo,
.plan-boxes-for-mysubscription .dollar {
    font-size: 25px !important;
    top: 40px !important;
    left: 0 !important;
}

.plan-boxes-for-mysubscription .lifetime-plan .dollar {
    line-height: normal;
}

.preferenceitem.active {
    font-weight: 600;
    color: black;
}

.personalisation_panel {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    max-width: 1050px;
}

.personalisation_sidebar {
    width: 16%;
    padding-left: 20px;
    padding-right: 20px;
}

.personalisation_sidebar li.preferenceitem {
    cursor: pointer;
}

.current .changeEventForSlideshowContainer,
.current .changeBannerImageContainer,
.current .changeLandingImageContainer {
    display: block;
}

.changeble_span {
    color: #048abb;
    cursor: pointer;
}

.upload_button_for_image_gallery {
    color: #fff;
    background-color: #1c1c1c;
    border-color: #1c1c1c;
    width: auto;
}

#fine-uploader-eventimage .qq-progress-bar-selector,
#fine-uploader-eventimage .qq-total-progress-bar-selector {
    background-image: -webkit-linear-gradient(bottom left, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(bottom left, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(to top right, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    border-radius: 3px;
}

#fine-uploader-eventimage .qq-total-progress-bar-container-selector {
    width: calc(100% - 300px);
}

.btn.qq-hide {
    display: none;
}

#fine-uploader-eventimage .qq-uploader,
#fine-uploader-replace .qq-uploader {
    border: 2px dashed #606060;
    background-color: transparent;
}

#fine-uploader-eventimage .qq-uploader:before {
    opacity: 1;
    color: black;
}

.uploading_file_left {
    display: inline-block;
    width: 112px;
    height: 100px;
    vertical-align: top;
}

.uploading_file_right {
    display: inline-block;
    width: calc(100% - 130px);
    height: 100px;
    vertical-align: top;
}

.uploading-li {
    position: relative;
}

.uploading-li .qq-upload-cancel {
    position: absolute;
    top: 49px;
    right: 0;
    border-radius: 9px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    box-shadow: none;
    background-color: #efefef;
    border: none;
}

#fine-uploader-eventimage .qq-progress-bar-selector {
    background-image: none;
    background-color: #048abb;
    height: 10px;
}

#fine-uploader-eventimage .qq-in-progress {
    background-color: transparent;
}

#fine-uploader-eventimage .qq-upload-file {
    width: 100%;
}

#fine-uploader-eventimage .qq-upload-size {
    width: 100%;
    margin-top: 5px;
    display: block;
}

#fine-uploader-eventimage .qq-progress-bar-container-selector {
    margin-top: 5px;
}

#fine-uploader-eventimage .qq-upload-list li {
    margin-top: 5px;
    background-color: transparent;
}

#fine-uploader-eventimage .qq-upload-list {
    max-height: none;
}

#fine-uploader-eventimage .qq-uploader,
#fine-uploader-replace .qq-uploader {
    display: -webkit-flex;
    /* Safari */
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
}

#fine-uploader-eventimage .qq-upload-retry {
    margin-top: 5px;
}

#fine-uploader-eventimage .qq-upload-status-text {
    margin-top: 5px;
}

#fine-uploader-eventimage,
.replace_image_check_box {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

#fine-uploader-eventimage .qq-upload-button {
    margin-bottom: 0;
    float: none;
}

.drop_area_text {
    color: black;
    text-align: center;
    opacity: 1;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    z-index: 3;
}

/* Fix for Fine Uploader drop area covering content */
.qq-upload-drop-area {
    z-index: 1 !important;
}

.qq-upload-button,
.upload_button_for_image_gallery {
    position: relative;
    z-index: 3;
}

.btn {
    letter-spacing: normal;
    text-transform: none;
    font-size: 0.85rem;
}

#fine-uploader-eventimage dialog {
    display: none;
}

.wscartitems {
    display: inline-block;
    height: auto;
    width: auto;
    vertical-align: top;
    overflow: hidden;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 1px;
    overflow: visible;
}



.printboxCoverAnswers {
    border: 4px solid #F3F3F3;
    box-shadow: 0px 0px 2px #ccc;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    width: 158px;
    height: 124px;
    cursor: pointer;
}

.printboxCoverAnswers.selected {
    border: 4px solid #048fc2 !important;
}

.printboxCoverAnswers.small {
    height: 53px;
    text-align: center;
    padding-top: 10px;
    width: 100px;
}

.printboxCoverAnswers.embossing_style {
    width: 238px;
    height: 238px;
    margin-bottom: 35px;

}

.printboxCoverAnswers.embossing_style img {
    width: 100%;
}

.printboxCoverAnswers.embossing_style2 {
    margin-bottom: 35px;
}

.printboxCoverAnswers.embossing_style2 img {
    width: 100%;
}

.non_gallery_uploader .qq-uploader {
    border: none;
    min-height: unset;
    padding: 0;
    border-radius: 0;
}

.non_gallery_uploader .qq-upload-button {
    color: #fff;
    background-color: #1c1c1c;
    border-color: #1c1c1c;
    width: auto;
    cursor: pointer;
}

.non_gallery_uploader .qq-total-progress-bar-container-selector {
    display: none;
}

.ios-toggle:checked+.checkbox-label.long_text_data::after {
    padding-left: 3px;
    color: #D3D3D3;
}

.logoForGalleriesWrapper {
    width: 250px;
    position: relative;
}

#logoForGalleries {
    width: 100%;
}

.ios-toggle-description {
    font-size: 0.75rem;
    line-height: 1rem;
    height: 2rem;
    padding: 0.625rem;
}

.slideshow_selection_label {
    min-width: 230px;
}

#settingsContainer .columnColumn {
    font-size: 12pt;
}

.settings_titles {
    font-size: 12pt;
}

.settings_event_defaults {
    width: 65%;

}

@media (max-width: 1450px) {
    .settings_event_defaults {
        width: 90%;
    }
}

@media (max-width: 992px) {
    .settings_event_defaults {
        width: 100%;
    }
}

.ps_displayImages {
    height: 100px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    margin-bottom: 5px;
}

.ps_displayImages img {
    height: 100%;
}

.remove_displayImage {
    position: absolute;
    top: 0;
    right: 0;
    color: black;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    width: 18px;
    text-align: center;
    background-color: white;
}

.display_images_container {
    float: left;
}

#display_images_container .ps_displayImages {
    cursor: move;
}

.three-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.two-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#ps_description.form-control {
    height: 150px;
}

.ps_file_item {
    float: left;
    padding-left: 10px
}

.ps_file_item:nth-child(1) {
    width: 130px;
}

.ps_file_item:nth-child(2) {
    width: 310px;
}

.ps_file_item:nth-child(3) {
    width: calc(100% - 440px);
}

.ps_description {
    float: left;
    width: calc(100% - 73px);
}

.ps_edit {
    float: right;
    width: 73px;
    padding-left: 5px;
}

.print_shop_images {
    width: 92%;
}

.ps_file_item .remove_displayImage {
    display: none;
}

.ps_file_item .ps_displayImages:nth-child(n+2) {
    display: none;
}

.ps_displayImages_note {
    display: flex;
    margin-left: 10px;
    height: 100px;
    float: left;
    flex-direction: column;
    justify-content: center;
}

.mt-settings {
    margin-top: 1.5em !important;
}

#print_shop_alert {
    position: fixed;
    bottom: 2px;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    background-color: #393939;
    color: white;
    text-align: center;
    border-radius: 2px;
    z-index: 100000;
    margin-bottom: 15px;
}

#print_shop_alert_message {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mysubscriptionContainer {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.mysubscriptionContainer .lifetime-plan,
.mysubscriptionContainer .basic-plan,
.mysubscriptionContainer .pro-plan {
    width: 33.33%;
}

.trial_popup_container {
    padding: 5px;
}

.trial_titles {
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 15pt;
    padding-top: 15px;
}

#galleryGrid .galleryContainer {
    position: relative;
}

input.delete_target {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 17px;
    display: none;
}

.list_view_galleries input.delete_target {
    position: static;
    display: inline !important;
    margin-right: 5px;
}

#bulk_delete_container {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
}

#bulk_delete_container.open {
    max-height: 40px;
    padding-bottom: 10px;
}

#delete_confirm_container table span {
    margin-right: 11px;
}

#fine-uploader-ps_banner .ps_banner_image_selector {
    min-height: unset;
    border: none;
    padding: 0;
    float: left;
}

.ps_banner_image_selector .qq-upload-button {
    color: #fff;
    background-color: #1c1c1c;
    border-color: #1c1c1c;
    width: auto;
    margin-bottom: 0;
}

#ps-banner-wrapper {
    height: 150px;
}

#ps-banner-wrapper img {
    height: 100%;
}

#fine-uploader-ps_banner .qq-upload-list {
    display: none;
}

#fine-uploader-ps_banner .qq-progress-bar {
    height: 15px;
    margin-top: 8px;
}

@media (max-width: 576px) {

    .mysubscriptionContainer .lifetime-plan,
    .mysubscriptionContainer .basic-plan,
    .mysubscriptionContainer .pro-plan {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 25px;
    }

    #plan-boxes {
        height: auto;
    }
}

#profile-picture .ProfilePic img {
    width: 100%;
}

.listViewFlushmount .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.818%;
    flex: 0 0 6.818%;
    max-width: 6.818%;
}

.not_bold b {
    font-weight: normal;
}

#ws_remodal_wrapper {
    text-align: left;
}

.glazingItem {
    border: 4px solid #FFFFFF;
    width: auto;
    float: left;
}

.selectedGlazing {
    border: 4px solid #048abb;
}

.glazingItem img {
    width: 150px;
    height: 120px;
}

.pg_buy_content_header {
    display: flex;
    justify-content: space-between;
}

.pg_buy_content_header a {
    margin-top: 4px;
    font-size: 15px;
    color: black;
}

#qmatPaperPopup #qmatPaperContent {
    height: auto;
}

.groupTitleClass {
    float: left;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categoryTitleClass {
    float: left;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ensure the count does not get ellipsized and stays right-aligned */
.imgCount_wrapper {
    margin-left: auto;
    flex: 0 0 auto;
    white-space: nowrap;
}

.primaryGroupIcon {
    color: #BEA23E;
    margin-right: 1px;
}

.custom_product_preview {
    max-width: 100%;
    display: block;
}

#pg_payment_area #paynowSubmit {
    display: none;
}

.event_gallery_pagination .pagination {
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    justify-content: center;
}

#payment_select_area {
    padding-left: 10px;
}

h3 {
    font-size: 1.6rem;
}

.imagecollectionsContainer #snc_1>div:first-child,
.imagecollectionsContainer #snc_2>div:first-child {
    font-size: 15px;
    padding-bottom: 10px;
}

/*  Stripe formating */

/* Variables */
.jconfirm #card-element {
    border-radius: 4px 4px 0 0;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, 0.1);
    height: 44px;
    width: 100%;
    background: white;
}

#stripe_div {
    clear: both;
    margin-top: 10px;
}

form.for_stripe {
    width: 100%;
    align-self: center;
    padding: 0;
}

.for_stripe input {
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, 0.1);
    height: 44px;
    font-size: 16px;
    width: 100%;
    background: white;
}

.result-message {
    line-height: 22px;
    font-size: 16px;
}

.result-message a {
    color: rgb(89, 111, 214);
    font-weight: 600;
    text-decoration: none;
}

.hidden {
    display: none;
}

#card-error {
    color: rgb(105, 115, 134);
    text-align: left;
    font-size: 13px;
    line-height: 17px;
    margin-top: 12px;
}

#qbychargecardbutton {
    margin-bottom: 10px;
    width: 100%;
}

#savecard {
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 80px;
    display: none;
}

#save-card-form {
    margin-top: 30px;
}


#qbystorecardbutton {
    margin-bottom: 10px;
    width: 100px;
}

#payment-request-button {
    margin-bottom: 15px;
}


.group {
    background: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.10),
        0 3px 6px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    margin-bottom: 20px;
}

.cardlabel,
#pouet {
    position: relative;
    color: #8898AA;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
}

.group label:not(:last-child) {
    border-bottom: 1px solid #F0F5FA;
}

label>span,
#pouet>span {
    width: 80px;
    text-align: right;
    margin-right: 30px;
}

.field {
    background: transparent;
    font-weight: 300;
    border: 0;
    color: #31325F;
    outline: none;
    flex: 1;
    padding-right: 10px;
    padding-left: 10px;
    cursor: text;
}

.field::-webkit-input-placeholder {
    color: #CFD7E0;
}

.field::-moz-placeholder {
    color: #CFD7E0;
}

.outcome {
    float: left;
    width: 100%;
    padding-top: 8px;
    min-height: 24px;
    text-align: center;
}

.success-new-card,
.success-saved-card {
    display: none;
    font-size: 13px;
}

.success-new-card.visible,
.success-saved-card.visible,
.error.visible {
    display: inline;
}


.success-new-card,
.success-saved-card {
    color: #666EE8;
}

.success-new-card .token,
.success-saved-card .saved-card {
    font-weight: 500;
    font-size: 13px;
}

.ws_container {
    max-width: 900px;
}

.designer_nav_links {
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.95rem;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 0;
}

.designer_nav_links .dropdown-toggle::after {
    display: none;
}

.designer_nav_links:hover {
    color: #F5F5F5;
    text-decoration: none;
}

.designer_nav_links.go_right {
    float: right;
    padding-left: 0;
    padding-right: 15px;
    font-size: 0.85rem;
}

#payment-form .form-control::placeholder {
    color: #32325d;
}

#payment-form .cardlabel {
    color: #32325d;
}

.btn-ws-gold {
    background-color: #BEA23E;
}

.btn-ws-gold:hover {
    background-color: #BEA23E;
    color: white;
}

.show>.btn-ws-gold.dropdown-toggle {
    background-color: #BEA23E;
    color: white;
}

#all_changes_saved {
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    padding-left: 15px;
    padding-right: 0;
    color: grey;
    font-style: italic;
}

#custom_contextMenu {
    position: fixed;
    z-index: 10000;
    background-color: #fff;
    border: 1px solid #879596;
    border-radius: 0.25rem;
    color: #16191f;
    min-width: 180px;
    outline: none;
}

#custom_contextMenu>div {
    background-color: #ffffff;
    color: #16191f;
    cursor: pointer;
    padding: 3px 10px;
    border-color: #000;
    text-align: inherit;
    white-space: nowrap;
    border: 1px solid #ffffff;
}

#custom_contextMenu>div:hover {
    color: #16191f;
    background-color: #f2f3f3;
    text-decoration: none;
    border: 1px solid #879596;
}

.album_ordering_details .tbody>.section {
    margin-bottom: 0;
    margin-top: 0;
}

.album_ordering_details .with_album_proofing_details.tbody>.section {
    width: calc(75% - 10px);
    float: right;
}

.album_ordering_details .with_album_proofing_details.tbody>.section.album_proofing_details {
    width: 24%;
    float: left;
    margin-right: 10px;
}

.album_ordering_details .tbody>.section:last-child {
    margin-bottom: 30px;
}

.big_title {
    padding: 20px 15px 0 15px;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

#album_preview_wrapper img {
    width: 100%;
}

#album_preview_wrapper li {
    width: 200px;
    height: 150px;
    float: left;
    margin: 15px;
    position: relative;
}

.showorder_container {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

#settings_table th {
    font-weight: bold;
}

#selectperiod select {
    max-width: 400px;
}

#findorder input[type="submit"] {
    margin-left: 5px;
}

/*switch*/
.workspaceAlbumDesignerContainer .checkbox-label::before {
    height: 1rem;
    width: 1rem;
}

.workspaceAlbumDesignerContainer .ios-toggle:checked+.checkbox-label::before {
    left: calc(100% - 1rem);
}

.workspaceAlbumDesignerContainer .checkbox-label {
    width: 2rem;
    height: 1rem;
    padding: 0;
}

.workspaceAlbumDesignerContainer .ios-toggle:checked+.checkbox-label {
    -webkit-box-shadow: inset 0 0 0 1.25rem rgb(190, 162, 62), 0 0 0 0.0625rem rgb(190, 162, 62);
    box-shadow: inset 0 0 0 1.25rem rgb(190, 162, 62), 0 0 0 0.0625rem rgb(190, 162, 62);
    background-color: rgb(190, 162, 62);
}

.workspaceAlbumDesignerContainer .ios-toggle:not(:checked)+.checkbox-label {
    background-color: darkgray;
}

.workspaceAlbumDesignerContainer .checkbox-label::after {
    content: "";
}

.workspaceAlbumDesignerContainer .ios-toggle:checked+.checkbox-label::after {
    content: "";
}

/*range*/
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .workspaceAlbumDesignerContainer input[type=range] {
        -webkit-appearance: none;
    }

    .workspaceAlbumDesignerContainer input[type=range]::-webkit-slider-runnable-track {
        width: 300px;
        height: 5px;
        background: #EEECE9;
        border: none;
        border-radius: 3px;
    }

    .workspaceAlbumDesignerContainer input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: rgb(190, 162, 62);
        margin-top: -4px;
    }

    .workspaceAlbumDesignerContainer input[type=range]:focus {
        outline: none;
    }
}

/** FF*/
.workspaceAlbumDesignerContainer input[type="range"]::-moz-range-progress {
    background-color: #EEECE9;
}

.workspaceAlbumDesignerContainer input[type="range"]::-moz-range-track {
    background-color: #EEECE9;
    height: 5px;
    border: none;
    border-radius: 3px;
}

.workspaceAlbumDesignerContainer input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: rgb(190, 162, 62);
}

.workspaceAlbumDesignerContainer input[type="range"] {
    background-color: transparent;
}

/*radio button*/
.workspaceAlbumDesignerContainer input[type="radio"]:checked::after {
    background: rgb(190, 162, 62);
}

.isFreeDesignWrapper {
    position: absolute;
    top: 15px;
    right: 15px;
}

.workspaceAlbumDesignerContainer .form-control[disabled] {
    cursor: auto;
    outline: none;
    opacity: 1;
    box-shadow: none;
    color: white;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    padding: 0;
    background: transparent;
}

.workspaceAlbumDesignerContainer .form-control[disabled][type=number] {
    -moz-appearance: textfield;
}

#replace_target_info {
    width: 146px;
    height: 146px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
}

#replace_target_info img {
    max-width: 145px;
    max-height: 145px;
}

.inkjet_row .col-3 {
    flex: 0 0 20%;
    max-width: 20%;

}

.images_in_albums {
    display: flex;
    float: left;
    margin-right: 5px;
    flex-direction: column;
    height: 207px;
}

.image_in_album_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    width: 150px;
    height: 150px;
}

.image_in_album_wrapper img {
    object-fit: cover;
}

.image_in_album_file_name {
    width: 150px;
    text-align: center;

}

.saved_card_label {
    white-space: pre-wrap;
}

input.saved_card {
    margin-top: 8px;
    margin-bottom: 8px;
}

.saved_creadit_area {
    margin-left: 10px;
}

.remodal .mce-btn button {
    height: 28px;
}

#change_address {
    color: black;
    font-weight: bold;
}

.tracksales_filter_wrapper {
    display: inline-block;
}

.delete_icons {
    position: absolute;
    top: 4px;
    right: calc(-11.38px - 4px);
}



/* DatePicker Container */
.ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
    text-decoration: none;
}

/* DatePicker Table */
.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-header {
    background: url('dark_leather.png') repeat 0 0 #000;
    color: #e0e0e0;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: 1px -1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    display: inline-block;
    color: #e0e0e0;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url('arrow.png');
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0);
    border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: linear-gradient(top, #ededed 0%, #dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
    background: #6eafbf;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0px 1px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}

.ui-datepicker-other-month {
    background: white;
}

.package_wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

.price_list_options_header {
    font-weight: bold;
}

.productImageWrappers {
    height: 100px;
    float: left;
    margin-right: 5px;
    position: relative;
}

.productImageWrappers img {
    height: 100%;
    border: 3px #e9e8e8 solid;
    cursor: pointer;
}

.productImageDelete {
    position: absolute;
    top: 0;
    right: 0;
    color: black;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    width: 18px;
    text-align: center;
    background-color: white;
}

#fine-uploader-csvimport .qq-uploader {
    min-height: unset;
    max-height: unset;
    border: none;
    padding: 0;
    background-color: transparent;
    border-radius: unset;
}

#fine-uploader-csvimport .qq-upload-button {
    background: transparent;
    border: none;
    width: unset;
    padding: 0;
    border-radius: unset;
    box-shadow: unset;
}

.remodal[data-remodal-id="uploadcsv"] {
    max-width: unset;
    width: 90%;
}

.disc-style-list {
    padding-left: 1em;
    margin-left: 1em;
}

.disc-style-list li {
    list-style-type: disc;
}

span.copy_link {
    color: #bea23e;
}

.px-xs {
    padding: 0.2rem 0.8rem;
}

/* ===========================
   Uppy Uploader Custom Styles
   =========================== */

/* Override Uppy Dashboard browse button color to gold */
.uppy-Dashboard-browse {
    color: #bea23e !important;
}

.uppy-Dashboard-browse:hover, 
.uppy-Dashboard-browse:focus {
    border-bottom: 1px solid #bea23e !important;
}

/* Override dark theme variants for consistency */
[data-uppy-theme=dark] .uppy-Dashboard-browse {
    color: #bea23e !important;
}

[data-uppy-theme=dark] .uppy-Dashboard-browse:hover, 
[data-uppy-theme=dark] .uppy-Dashboard-browse:focus {
    border-bottom: 1px solid #bea23e !important;
}

/* Override Uppy Dashboard add more caption color to gold */
.uppy-DashboardContent-addMoreCaption {
    color: #bea23e !important;
}