/* try to undo all the damn Ext JS CSS fiddling! */

/* begin extjsFreeContainer */

.extjsFreeContainer a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #0099CC;
    text-decoration: none;
}

.extjsFreeContainer a.fa {
    font-family: FontAwesome;
}

.extjsFreeContainer ul li, .dpw_panel-body ul ol, .helpContainer ol ul {
    list-style: disc outside !important;
    padding-left: 5px !important;
    margin-left: 10px !important;
}

.extjsFreeContainer li, .dpw_panel-body li, .helpContainer li {
    margin-bottom: 5px !important;
}

.extjsFreeContainer ol, .extjsFreeContainer ul,
.dpw_panel-body ul, .dpw_panel-body ol, .helpContainer ol, .helpContainer ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.extjsFreeContainer p, .helpContainer p {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    line-height: 1.5em;
}

.extjsFreeContainer fieldset {
    border-color: #aaa;
    margin: 15px 0 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 10px;
}

.extjsFreeContainer-xxx td {
    padding: 10px !important;
}

.extjsFreeContainer ol {
    list-style-type: decimal !important;
    margin: 10px 0 10px 10px;
}

.extjsFreeContainer strong {
    font-weight: bold !important;
}

.extjsFreeContainer em {
    font-style: italic !important;
}

.extjsFreeContainer input {
    padding: 3px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.extjsFreeContainer input[type=button],
.extjsFreeContainer input[type=submit] {
    padding: 3px 10px 5px 10px !important;
}

.extjsFreeContainer h1 {
    font-size: 160%;
    padding: 10px 0 5px 0;
}

.extjsFreeContainer h2 {
    font-size: 140%;
    padding: 5px 0 3px 0;
}

.extjsFreeContainer h2 {
    font-size: 120%;
    padding: 5px 0 3px 0;
}

.extjsFreeContainer blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

/* end extjsFreeContainer */

/* begin tags */

body {
    margin: 0;
    overflow-x: hidden;
}

a {
    outline: none;
}

a.plain {
    text-decoration: none;
}

h1 {
    line-height: 1.5em;
}

h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    margin: 0 0 10px 0;
}

ul:not(.menu) {
    /* overflow: hidden; */
}

/* end tags */

/* begin utility */

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

.flex.horzSpaced {
    justify-content: space-around;
}

.flex.middle {
    align-items: center;
}

.flex.bottom {
    align-items: baseline;
}

.flex.end {
    align-items: end;
}

.flex.center {
    justify-content: center;
}

.redBorder {
    border: 1px solid red;
}

/* end utility */

/* begin print */

#printIframe {
    display: block;
    position: absolute;
    visibility: hidden;
}

/* end print */

/* begin list tag */

ol.stepList,
.extjsFreeContainer ol.stepList {
	position: relative;
	padding-left: 25px;
	list-style-type: none;
    padding-top: 10px;
    margin-left: 30px;
}

ol.stepList li,
.extjsFreeContainer ol.stepList li {
    list-style: none;
    counter-increment: step-counter;
    padding-left: 15px;
    padding-bottom: 10px;
}

ol.stepList li span.stepText,
.extjsFreeContainer ol.stepList li span.stepText {
	font-size: 14px;
	font-weight: bold;
}

ol.stepList li:last-child,
.extjsFreeContainer ol.stepList li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

ol.stepList li::before,
.extjsFreeContainer ol.stepList li::before {
	content: counter(step-counter);
	position: absolute;
	left: -7px;
	padding: 1px 5px;
    font-size: 15px;
	color: #555;
	font-weight: bold;
	background-color: white;
    border: 1px #555 solid;
	border-radius: 3px;
}

/* end list tag */

.bodytext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #555555;
    line-height: 1.5em;
}

.important {
    color: #DF6A23;
}

.subtitle {
    font-size: 14px;
    color: #DF6A23;
    font-style: italic;
}

.bodytext2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #999999;
}

.bodytext3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #51654E;
}

.verticalText {
	transform: rotate(90deg);
	transform-origin: left top 0;
}

.infoUnderGalleryPainting {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #aaaaaa;
    margin-top: 5px;
}

.titleUnderGalleryPainting {
    color: #888;
}

.priceUnderPainting {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #aaaaaa;
    margin-top: 5px;
    line-height: 1.50em;
}

.namesmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #666666;
}

h1.dpw, .fauxH1 {
    color: #4A7078;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

h1.big {
    font-size: 25px;
    padding-top: 55px;
    padding-bottom: 20px;
}

h2.dpw {
    color: #555555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    margin: 10px 0px 0px 0px;
}

p.dpw {
    margin: 10px 0 10px 0;
}

.dpw-emphasize {
    color: #DF6A23;
    font-style: italic;
}

.nav-emphasize {
    font-style: italic;
}

.topNavPipeFloat {
    display: block;
    float: left;
    padding: 0 2px 0 2px;
    color: white;
}

.onlyPrint {
    visibility: hidden;
}

.onlyPrintDisplayBlock {
    display: none;
}

@media print {
    .onlyPrint {
        visibility: visible;
    }

    .onlyPrintDisplayBlock {
        display: block;
    }
}

.notPrintInlineBlock {
    display: inline-block;
}

.notPrint {
    display: block;
}

@media print {
    .notPrintInlineBlock {
        display: none !important;
    }

    .notPrint {
        display: none !important;
    }

    #dpw_paintworks_subMainContainer {
        padding-left: 0px !important;
    }
}

.centerContainer {
    text-align: center;
    width: 100%;
}

.centerContainer .center {
    display: inline-block;
    text-align: left;
}

.newBadge {
    position: relative;
    top: -2px;
    background-color: #DF6A23;
    color: white;
    padding: 0 4px 2px 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.saleBadge {
    position: relative;
    top: -2px;
    background-color: red;
    opacity: 0.8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
    padding: 2px 4px 4px 4px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#recaptcha_area {
    width: 360px !important;
    overflow: hidden;
}

#recaptcha_table {
    border: none !important;
}

#recaptcha_response_field {
    background-color: #fff !important;
    background-image: url(/Scripts/ext-3.3.0/resources/images/default/form/text-bg.gif) !important;
    border-color: #b5b8c8 !important;
    position: relative !important;
    top: 5px !important;
    left: -7px !important;
    height: 18px !important;
    padding: 1px 3px !important;
    background-position-x: 0px;
    background-position-y: 0px;
    background-repeat: repeat-x;
}

.topNavPipe {
    color: #dddddd;
    text-shadow: 0px 0px 0px #ffffff;
}

body div#dpw_mainContainer {
    position: relative;
    z-index: 99;
}

body div#dpw_mainContainer, body div#dpw_subMainContainer {
    min-width: 750px !important;
}

body.isTablet div#dpw_mainContainer, body.isTablet div#dpw_subMainContainer {
    min-width: unset !important;
}

#dpw_header {
    display: block;
    position: relative;
    z-index: 1;
    min-width: 975px;
    width: 100%;
    margin-top: 15px;
}

#dpw_ext_Container {
    margin-top: 10px !important;
}

body.isTablet #dpw_header {
    min-width: initial;
}

#dpwLogoWrapper img {
    width: 586px;
    height: 42px;
    margin: 2px 0 2px 20px;
}

body.isTablet #dpwLogoWrapper {
    height: 120px;
}

body.isTablet #dpwLogoWrapper img {
    width: 70vw;
    height: unset;
}

.topnav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    margin-left: 20px;
    white-space: nowrap;
    /* ie 11 hack */
    height: 25px;
}

.topnav ul > li:not(:first-child)  {
    margin-left: 10px;
}

.topnav ul > .li:last-child  {
    margin-right: 10px;
}

li .joinUs {
    display: inline-block;
    position: relative;
    padding: 5px 7px !important;
    background-color: #09c;
    color: #fff !important;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: 1.5px;
    text-decoration: none;
    font-size: 12px;
}

#myPaintworksHeader li .joinUs {
    top: -1px;
    margin-left: 10px;
}

#dpw_header li .joinUs {
    top: -5px;
}

li .joinUs.inTrial {
    background-color: #fff;
    color: #DF6A23 !important;
    border: 1px solid #df6a23;
}

li .joinUs.disabled {
    color: #999 !important;
    background-color: #fff;
    border: 1px solid #999;
}

#headerBarWrapper {
    height: 80px;
}

#headerBarLeftWrapper {
    float: left;
    height: 15px;
}

#headerBarRightWrapper {
    float: right;
}

#dpw_header #welcomeDropdown,
#dpw_header #myDpwLinksDropdown,
#dpw_header #adminDropdown {
    position: relative;
    top: -5px;
}

#myPaintworksHeader #welcomeDropdown {
    position: relative;
    top: 0;
    margin: 0 0 0 10px;
}

#welcomeDropdown .newDropdownHeader,
#adminDropdown .newDropdownHeader {
    line-height: .5em;
    color: #555;
    opacity: 0.95;
}

#welcomeDropdown .newDropdownHeader {
    width: auto;
}

#welcomeDropdownList ul > li .fa {
    width: 35px;
}

#adminDropdown .newDropdownHeader {
    width: 60px;
}

#contestWrapper, #emailSignUpWrapper {
    float: right;
}

#emailSignUpWrapper {
    margin-right: 15px;
    margin-left: 5px;
}

body.isTablet #emailSignUpWrapper {
    margin-right: 10px;
}

#contestWrapper img {
    width: 100px;
}

#emailSignUpWrapper img {
    width: 80px;
}

body.isTablet #contestWrapper img {
    width: 120px;
}

#artTalkWrapper {
    visibility: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 850px;
}

body.isTablet #artTalkWrapper {
    min-width: unset;
}

#artTalkWrapper a img {
    position: absolute;
    right: 10px;
    width: 130px;
    margin: 4px 10px 10px 0;
}

a#helpspot-widget-tab, body.isTablet a#helpspot-widget-tab:link {
    top: 180px !important;
}

body.isTablet a#helpspot-widget-tab, body.isTablet a#helpspot-widget-tab:link {
    top: 235px !important;
}

.mainnav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #0099CC;
    /* text-shadow: 1px 1px 3px #dddddd; */
}

.nav:not(.fa) {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #0099CC;
    text-decoration: none;
}

.topnav a:link {
    text-decoration: none;
    color: #0099CC;
}

.topnav a:visited {
    text-decoration: none;
    color: #0099CC;
}

.topnav a:active {
    text-decoration: none;
    color: #0099CC;
}

.topnav a:hover {
    text-decoration: none;
    color: #555555;
}

.mainnav a:link {
    text-decoration: none;
    font-weight: bold;
    color: #0099CC;
}

.mainnav a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #0099CC;
}

.mainnav a:active {
    text-decoration: none;
    font-weight: bold;
    color: #0099CC;
}

.mainnav a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #555555;
}

a.artistNameUnderPainting:link,
td.artistNameUnderPainting a:link,
p.artistNameUnderPainting a:link {
    text-decoration: none;
    font-weight: bold;
    color: #888888;
    text-align: center;
}

a.artistNameUnderPainting:visited,
td.artistNameUnderPainting a:visited,
p.artistNameUnderPainting a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #888888;
    text-align: center;
}

a.artistNameUnderPainting:active,
td.artistNameUnderPainting a:active,
p.artistNameUnderPainting a:active {
    text-decoration: none;
    font-weight: bold;
    color: #888888;
    text-align: center;
}

a.artistNameUnderPainting:hover,
td.artistNameUnderPainting a:hover,
p.artistNameUnderPainting a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #0099CC;
    text-align: center;
}

.currentMenuItem {
    color: #777777;
    text-shadow: 1px 1px 3px #dddddd;
}

.tooltip {
    display: none;
    background-color: #fefefe;
    color: #555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px !important;
    width: 160px;
    padding: 10px 10px 10px 10px;
    z-index: 20;
    border: 1px solid #999;
    overflow: hidden;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    -moz-box-shadow:
		0px 1px 10px #888888,
		inset 0px 0px 5px #eeeeee;
	-webkit-box-shadow:
		0px 1px 10px #888888,
		inset 0px 0px 5px #eeeeee;

    box-shadow: 0px 1px 10px #888888, 0px 0px 5px #eeeeee inset; /* IE 10*/
}

.tooltip * {
    color: #555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px !important;
}

.bggreen {
    background-color: #DDFDBD;
}

.bgyellow {
    background-color: #FFC;
}

.bioname {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
}

.totalLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

.totalValue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.popupDate {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #666666;
}

div#dpw_subMainContainer::after {
    content: "";
    display: table;
    clear: both;
}

div#dpw_subMainContainer.categories {
    min-height: 1024px !important;
}

div#dpw_paintworks_subMainContainer {
}

#searchAndPagination {
    text-align: center;
}

#searchAndPagination.whatsNew {
    min-height: 108px;
}

#searchAndPagination.search {
    min-height: 141px;
}

#searchAndPagination.featuredArtists {
    min-height: 40px;
}

#searchAndPagination.myPicks {
    min-height: 114px;
}

#searchAndPagination.selling {
    min-height: 183px;
}

#searchAndPagination {
    margin-top: 20px;
}

#searchContainer {
    width: auto;
    display: inline-block;
}

div#searchContainer.galleryArtwork {
    margin-top: 0;
}

div#pageContainer:not(.myPicks) {
    padding-top: 15px;
}

div#pageContainer.featuredArtists {
}

div#pageContainer {
    position: relative;
}

div#pageContainer,
div#bottomOfPostContainer {
    text-align: center;
    clear: both;
}

div#topPaginationContainer, div#middlePaginationContainer, div#bottomPaginationContainer {
    display: inline-block;
}

#noFavoritesMessage {
    display: none;
    width: 500px;
    margin: 0 auto auto;
    padding-top: 20px;
    font-size: 13px;
    line-height: 1.5em;
}

#noFavoritesMessage h1 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#loadMoreMessageContainer {
    display: none;
    position: relative;
    top: -15px;
    left: -14px;
    margin: 20px 0 30px 0;
    clear: both;
    width: 42px;
    margin: 0 auto 0 auto;
}

#arrangeModeButtonWrapper {
    width: 100%;
    text-align: right;
}

#arrangeModeButtonWrapper #arrangeModeButton {
    display: inline-block;
    text-align: left;
    margin-right: 100px;
    opacity: 0.8;
}

#arrangeModeButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: 10px;
}

/* For thumbnail and caption layout */

div#postContainer {
    padding-bottom: 50px;
}

div#postContainer.mosaic,
div#artistsContainer.mosaic {
    display: inline-block;
    margin-left: 0;
}

body.gallery div#postContainer {
    padding-bottom: 50px;
}

div#postContainer.mosaic {
    overflow: unset;
}

div#postContainer div.post {
    box-sizing: border-box;
    float: left;
    text-align: center;
    padding: 0 5px 0 5px;
    height: 270px;
}

div.contestWinningPostContainer div.post {
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 218px;
    padding: 0 5px 0 5px;
    height: 270px;
}

div#postContainer.auctions div.post {
    height: 290px;
}

div#postContainer div.galleryPost {
    height: 230px;
}

div#postContainer.showTitles div.galleryPost,
div#postContainer div.galleryPost.print {
    height: 280px;
}

div#postContainer.noThumbBorder div.galleryPost img.post {
    padding: 0 !important;
    border: none !important;
}

div#postContainer.mosaic div.post {
    height: auto;
    width: 269px;
    margin: 5px 0 15px 0;
    text-align: center;
}

div#postContainer.savedArt.arrangeMode div.post {
    max-width: 167px;
    height: 167px;
}

div#postContainer.whatsNew.mosaic div.post.wide {
    height: auto;
    width: 538px;
    margin: 0;
}

div#postContainer.challenge.mosaic div.post {
    height: auto;
    margin: 0 0 35px 0;
}

div#postContainer.contest.viewCandidatesMode div.post {
    width: 228px;
    height: 300px;
}

div#postContainer.mosaic div.galleryPost {
    height: auto;
    margin: 5px 0 15px 0;
}

div#postContainer.thumbShadow div.galleryPost img.post {
    filter: drop-shadow(0px 5px 5px #aaa) !important;
}

div#postContainer div.draggablePost,
div#postContainer div.draggablePost a {
    cursor: move !important;
}

div#postContainer div.draggablePost a.thumbnailControl {
    display: none;
}

div.postContainer div.post p.name, div#postContainer div.post p.name {
    padding: 3px;
}

img.post, img#bioImage, img.challengeImage, div.MagicZoomPlus-container,
#fullBioContainer img {
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
    padding: 5px !important;
    background-color: white;
    border: 1px solid #bbb !important;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

img.post.dragging {
    outline: 2px inset  red !important;
}

#fullBioContainer img[style*="float:left"],
#fullBioContainer img[style*="float: left"] {
    margin: 10px 15px 10px 0px;
}

#fullBioContainer img[style*="float:right"],
#fullBioContainer img[style*="float: right"] {
    margin: 10px 0px 10px 15px;
}

.hasVideoIcon.fa-circle,
.hasVideoIcon.fa-play-circle-o {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 24px;
    opacity: 0.85;
    text-decoration: none;
    cursor: default;
}

.hasVideoIcon.fa-circle {
    color: white;
}

.hasVideoIcon.fa-play-circle-o {
    color: black;
}

.hasVideoIcon {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 24px;
    color: white;
    text-decoration: none;
    cursor: default;
}

.editArtworkIcon.fa.fa-pencil {
    position: absolute;
    bottom: 50px;
    left: 20px;
    font-size: 24px;
    color: #333;
    text-decoration: none;
    visibility: hidden;
    cursor: pointer;
}

a.editArtworkLink:hover .editArtworkIcon {
    bottom: 48px;
    left: 18px;
    font-size: 28px;
}

a.editArtworkLink:active .editArtworkIcon {
    bottom: 50px;
    left: 20px;
    font-size: 24px;
}

.removeArtworkIcon {
    position: absolute;
    bottom: 50px;
    right: 20px;
    font-size: 24px;
    color: #333;
    text-decoration: none;
    z-index: 900;
    visibility: hidden;
    cursor: pointer;
}

a.removeArtworkLink:hover .removeArtworkIcon {
    bottom: 48px;
    right: 18px;
    font-size: 28px;
}

a.removeArtworkLink:active .removeArtworkIcon {
    bottom: 50px;
    right: 20px;
    font-size: 24px;
}

.saveArtStatusIcon {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 24px;
    color: goldenrod;
    text-decoration: none;
    visibility: hidden;
    cursor: pointer;
}

.saveArtStatusIcon.popup,
.saveArtStatusIcon.myPicks {
    position: relative;
    top: 1px;
    bottom: 0;
    left: 0;
    visibility: visible;
    font-size: 22px;
}

.saveArtStatusIcon.bkgd {
    color: white;
}

a.saveArtLink:hover .saveArtStatusIcon {
    bottom: 18px;
    left: 18px;
    font-size: 28px;
}

a.saveArtLink:hover .saveArtStatusIcon.popup,
a.saveArtLink:hover .saveArtStatusIcon.myPicks {
    top: 1px;
    left: 0;
    bottom: 0;
    font-size: 26px;
}

a.saveArtLink:hover .saveArtStatusIcon.myPicks {
    top: -1px;
    left: -1px;
    bottom: 0;
    font-size: 26px;
}

a.saveArtLink:active .saveArtStatusIcon {
    bottom: 20px;
    left: 20px;
    font-size: 24px;
}

.soldStatusIcon {
    position: absolute;
    font-size: 14px;
    color: red;
    text-decoration: none;
    visibility: hidden;
    z-index: 1;
}

.soldStatusIcon.sold {
    visibility: visible;
}

.soldStatusIcon.fa.fa-circle {
    bottom: 24px;
    right: 24px;
    cursor: default;
}

.soldStatusIcon.fa.fa-times-circle,
.soldStatusIcon.fa.fa-check-circle {
    bottom: 20px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

a.soldStatusLink:hover .soldStatusIcon {
    bottom: 18px;
    right: 18px;
    font-size: 28px;
}

a.soldStatusLink:active .soldStatusIcon {
    bottom: 20px;
    right: 20px;
    font-size: 24px;
}

.favoriteStatusIcon {
    position: relative;
    font-size: 18px;
    color: red;
    text-decoration: none;
    cursor: pointer;
}

a.favoriteLink:hover .favoriteStatusIcon {
    top: -2px;
    left: -2px;
    font-size: 22px;
}

.favoriteStatusIcon.popup,
.favoriteStatusIcon.artists {
    top: 1px;
}

a.favoriteLink:hover .favoriteStatusIcon.popup {
    top: 1px;
    left: 0;
    font-size: 22px;
}

a.favoriteLink:hover .favoriteStatusIcon.artists {
    top: 1px;
    left: -1px;
    font-size: 22px;
}

#bioImageTools {
    padding-bottom: 15px;
}

#postContainer.noBorder div.galleryPost img.post {
    padding: 0 !important;
    border: none;
}

div.MagicZoomPlus-container img {
    /* html5 treats images like text and makes space at the bottom
        for descenders, such as "y", "g", etc.
        setting the vertical-align removes this extra space
    */
    vertical-align: middle;
}

img.print {
    border: 1px solid #9CA5B8 !important;
    -webkit-box-shadow: rgba(156, 165, 184, 0.228438) 1px 3px 5px;
    -moz-box-shadow: 1px 3px 5px rgba(156, 165, 184, 0.228438);
    box-shadow: 1px 3px 5px #9CA5B8 !important;
}

.isHiddenMessage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #aaa;
}

.crop {
    float: left;
    overflow: hidden; /* this is important */
}

/* input values to crop the image: top, right, bottom, left */
.crop img {
    margin: 0 -50px 0 0;
}

img.thumbImage {
    /* border: 1px solid #777777; */
    background-color: #f6f6f0;
    border: 1px solid #b6b6b0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.228438) 3px 3px 3px;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.228438);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
    padding: 1px;
}

.loadingPostWaitGif {
    padding-top: 80px;
    height: 90px;
    width: 90px;
    margin: 0 auto 0 auto;
}

.loadingPostWaitGif,
.loadingPostWaitGif img {
    height: 90px;
    width: 90px;
}

.ext-mb-text {
    line-height: 1.5em;
}

.x-item-disabled {
    cursor: default;
    opacity: 1 !important;
    -moz-opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

td.artistNameUnderPainting,
a.artistNameUnderPainting,
p.artistNameUnderPainting,
b.artistNameUnderPainting {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
    width: 100%;
}

/* begin side menu */

.hamburger {
    height: 29px;
    margin: 3px 10px 0 5px;
    color: #888;
    cursor: pointer;
    font-size: 32px;
    z-index: 100;
}

body.gallery .hamburger {
    position: absolute;
}

#dpwLink {
    margin: 10px 10px 0 5px;
    font-size: 16px;
    z-index: 100;
}

#sideMenu .hamburger {
    position: relative;
    width: 29px;
    min-width: unset;
    left: 0;
    top: -3px;
    float: left;
    margin: 3px 10px 0 5px;
    color: #4A7078;
    cursor: pointer;
    text-align: center;
    z-index: 99;
}

#toggle-menu {
    position: absolute;
    top: 10px;
    right: 10px;
}

.animating #sideMenu, .menu-visible #sideMenu {
    display: block;
}

.page {
    position: relative; /* Set the position property so z-index will apply */
    z-index: 20; /* Make sure this is higher than #sideMenu */
    min-height: 100vh; /* this may be overriden on a given page */
}

body.animating .page, body.menu-visible .page {
    box-shadow: -3px 0 10px #999;
}

#toggle-menu {
    position: absolute;
    top: 10px;
    right: 10px;
}

#sideMenu {
    float: left;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 295px;
    font-size: 15px;
    list-style: none;
    background: #fafafa;
    z-index: 15; /* Make sure the z-index is lower than the .page */
    overflow-y: auto;
}

#sideMenu ul {
    margin: 0 0 105px 0;
    padding: 0;
}

#sideMenu li {
    display: block;
}

#sideMenu li.menuHeader {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #666;
    padding: 10px 0 5px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    line-height: 1em;
    height: 26px;
    cursor: pointer;
}

#sideMenu li.menuHeader .hamburger {
    color: #fff !important;
}

#sideMenu li a {
    display: block;
    color: #333;
    font-weight: normal;
    padding: 10px 0 10px 15px;
}

#sideMenu li.menuSubHeading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ddd;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px 25px;
    border-bottom: 1px solid #999;
}

#sideMenu ul > li .fa {
    font-size: 20px !important;
    width: 35px;
}

#sideMenu .menuDisabledItem {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #9e9e9e;
    display: block;
    padding: 10px 0 10px 15px;
}

#sideMenu li.menuSeparator {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #999;
}

#sideMenu li.menuTopSeparator {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
}

.animating #sideMenu, .menu-visible #sideMenu {
    display: block;
}

.animating .page {
    transition: transform .25s ease-in-out;
    -webkit-transition: -webkit-transform .25s ease-in-out;
}

.animating.left .page {
    transform: translate3d( -295px, 0, 0 );
    -webkit-transform: translate3d( -295px, 0, 0 );
}

.animating.right .page {
    transform: translate3d( 295px, 0, 0 );
    -webkit-transform: translate3d( 295px, 0, 0 );
}

.menu-visible .page {
    left: 295px;
}

/* end side menu */

/* begin my paintworks */

.x-fieldset-header-text {
    font-size: 13px;
}

/* For Art Tracking */

/* don't show the red little dirty triangle in the cell */
.x-grid3-dirty-cell {
    background-image: none;
}

table.artTracking-buyerHelp {
    padding: 0px 10px 10px 0px;
    font-size: 12px;
}

table.artTracking-buyerHelp td {
    vertical-align: top;
    padding: 5px 0 5px 0;
}

table.artTracking-buyerHelp td.first {
    white-space: nowrap;
    padding-right: 5px;
}

a.artTracking-buyerLink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

a.artTracking-auctionLink-PENDING {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: orange !important;
    text-decoration: underline;
}

a.artTracking-auctionLink-IN_AUCTION {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #339999 !important;
    text-decoration: underline;
}

a.artTracking-auctionLink-SOLD {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: green !important;
    text-decoration: underline;
}

a.artTracking-auctionLink-DID_NOT_SELL {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: red !important;
    text-decoration: underline;
}

.x-grid3-enterable-cell {
    border: 1px solid #f5f5f5 !important;
    height: 11px !important;
    line-height: normal !important;
    cursor: text;
}

.artistItemTrackingGrid .x-grid3-row-alt {
    background-color: #EFFBFB;
}

#wizardAddButton button {
    color: red;
}

#wizardAddButton button .fa {
    font-size: 15px;
}

#wizardAddButton button b {
    font-size: 14px;
}

.artTrackingGridContainer,
.artistItemTrackingGridContainer {
    box-sizing: border-box;
    margin: 10px;
    width: 98%;
}

.artTrackingGridContainer .x-btn-text {
    padding-right: 5px !important;
}

/* Set grid row height*/
.artTrackingGrid .x-grid3-row, .x-grid3-summary-row td {
    height: 78px !important;
}

.artTrackingGrid .x-grid3-row-alt {
    background-color: #FFFFCC;
}

#bidsGrid .x-grid3-row-alt td, #purchasesGrid .x-grid3-row-alt td {
    background-color: #DDFED1;
}

#bidsGrid .x-grid3-row, #purchasesGrid .x-grid3-row {
    border-width: 0 0 1px 0 !important;
    border-color: #EDEDED !important;
    border-style: solid !important;
}

#bidsGrid .x-grid3-row-over, #bidsGrid .x-grid3-row-selected,
#purchasesGrid .x-grid3-row-over, #purchasesGrid .x-grid3-row-selected {
    background: none !important;
    background-color: white !important;
}

#bidsGrid .x-grid3-cell-last, #purchasesGrid .x-grid3-cell-last, #allBuyersGrid .x-grid3-cell-last {
    padding-right: 5px;
}

#allBuyersGrid .x-grid3-cell {
    cursor: pointer;
}

.actionGrid .x-action-col-icon {
    padding: 5px 10px 0 0;
    position: relative;
    top: -3px;
}

#pagesGrid .x-action-col-icon {
    padding: 0 10px 0 0;
}

.ui-sortable-placeholder {
    color: red !important;
    visibility: visible !important;
}

.artTrackingGrid .x-grid3-col.x-grid3-td-BuyType {
    color: #777777;
}

.artTrackingGrid .x-grid3-col.x-grid3-td-Hide,
.artTrackingGrid .x-grid3-col.x-grid3-td-Title,
.artTrackingGrid .x-grid3-col.x-grid3-td-SellUrl,
.artTrackingGrid .x-grid3-col.x-grid3-td-Price,
.artTrackingGrid .x-grid3-col.x-grid3-td-eBayItemId,
.artTrackingGrid .x-grid3-col.x-grid3-td-SoldDate,
.artTrackingGrid .x-grid3-col.x-grid3-td-Paid,
.artTrackingGrid .x-grid3-col.x-grid3-td-Shipped,
.artTrackingGrid .x-grid3-col.x-grid3-td-Keywords,
.artTrackingGrid .x-grid3-col.x-grid3-td-Description,
.artTrackingGrid .x-grid3-col.x-grid3-td-CategoryId,
.artTrackingGrid .x-grid3-col.x-grid3-td-MediaId,
.artTrackingGrid .x-grid3-col.x-grid3-td-Media,
.artTrackingGrid .x-grid3-col.x-grid3-td-Height,
.artTrackingGrid .x-grid3-col.x-grid3-td-Width,
.artTrackingGrid .x-grid3-col.x-grid3-td-Units,
.artTrackingGrid .x-grid3-col.x-grid3-td-VideoUrl {
    cursor: pointer;
}

.artTrackingGrid .x-grid3-cell-inner.x-grid3-col-Task  {
    overflow: visible !important;
}

.artTrackingGrid .x-grid3-cell-inner.x-grid3-col-Task .newDropdownHeaderText  {
    font-size: 12px;
}

.x-grid3-col-Keywords {
    overflow: hidden !important;
    height: 59px !important;
    margin-bottom: 5px;
}

/* end ArtTracking */

/* New ArtTracking */

div.artTracking div.postImage {
    float: left;
    width: 175px;
}

div.artTracking div.postInfo {
    margin-left: 175px;
    padding: 5px 5px 5px 5px;
}

div.artTracking div.postInfo div.block {
    padding-top: 5px;
}

div.artTracking div.postInfo div.postTodo {
    display: inline-block;
    padding-right: 10px;
}

div.artTracking div.postInfo div.postStatus {
    display: inline-block;
    padding-right: 10px;
    height: 25px;
    opacity: .65;
}

div.artTracking div.postStatus div.postStatusBadge,
div.artTracking div.postStatus div.postPaidBadge,
div.artTracking div.postStatus div.postShippedBadge {
    font-weight: bold;
    color: white;
    padding: 1px 5px 1px 5px;
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.artTracking div.postStatus div.postStatusBadge {
    background: orange;
    margin-right: 3px;
}

div.artTracking div.postStatus div.postStatusBadge.sold {
    background: red;
}

div.artTracking div.postStatus div.postPaidBadge {
    background: green;
    margin-right: 3px;
}

div.artTracking div.postStatus div.postShippedBadge {
    background: blue;
}

div.artTracking div.postInfo div.postCreatedDate {
    display: inline-block;
}

div.artTracking div.postInfo div.postTitle {
    display: inline-block;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
}

div.artTracking div.postInfo div.postSize {
    display: inline-block;
}

div.artTracking div.postInfo div.postMedia {
    display: inline-block;
}

div.artTracking div.postInfo div.postPrice span.amountLabel {
    font-weight: normal;
}

div.artTracking div.postDescription {
    max-height: 100px;
    height: 100%;
    overflow-y: auto;
    padding: 10px;
    margin-top: 10px;
    background: #f1f1f1;
}

/* end New ArtTracking */

/* begin new Art Tracking dialogs, forms, and windows */

textarea.vertResize { resize: vertical; }
textarea.noResize { resize: none; }

.importantMessage {
    font-size: 1.25em !important;
    font-weight: bold !important;
    color: #DF6A23 !important;
    line-height: 1.5em !important;
}

.sellingTypeMessage.hide,
#auctionWizardForm .auctionMessage.hide,
#paypalLinkWizardForm .auctionMessage.hide {
    display: none;
}

.errorMessage {
    margin: 10px;
    padding: 10px;
    border: 1px solid #333333;
    text-align: left;
}

/* begin artwork and challenge entry wizard forms */

#mainImage, #alternateImage {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

#remove2ndImageButton {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.collapsible.help {
    word-spacing: normal;
}

#howToSellContainer #auctionButton,
#howToSellContainer #endAuctionButton,
#howToSellContainer #buyNowLinkButton {
    min-width: 175px;
}

/* end artwork and challenge entry wizard forms */

/* begin statements */

.nonCollapsibleStatement {
    margin: 5px 0 5px 0;
}

/* end statements */

/* begin new auction wizard form */

#auctionSetupContainer .formField .dpw-button,
#paylPalPriceContainer .formField .dpw-button {
    margin: 10px 0 10px 0;
}

/* end new auction wizard form */

/* begin shipping profile manager */

#shippingProfiles {
    height: 300px;
}

#shippingProfilesContainer .listHeader .shippingCurrencyColumn {
    font-size: 15px;
    width: 80px;
}

#shippingProfilesContainer .listHeader .domesticOneItemCostColumn,
#shippingProfilesContainer .listHeader .linkedItemQtyColumn {
    font-size: 15px;
    width: 90px;
    text-align: right;
}

#shippingProfiles .shippingProfileRow .fa {
    cursor: pointer;
}

#shippingProfiles .shippingProfileName {
    width: 155px;
    padding-left: 10px;
    font-weight: bold;
    cursor: default;
}

#shippingProfiles .shippingCurrency {
    width: 80px;
    text-align: center;
}

#shippingProfiles .domesticOneItemCost,
#shippingProfiles .linkedItemQty {
    width: 90px;
    text-align: right;
}

/* end shipping profile manager */

/* begin shipping profile */

.currentShippingRegions {
    height: 300px;
}

.shipToRegions .shippingProfileRow {
    padding: 0 7px;
}

.shipToRegions .shipsToCell {
    width: 40px;
}

.shipToRegions .shipsToCell .fa {
    font-size: 20px;
    color: #555;
    cursor: pointer;
}

.shipToRegions .listCell:not(.shipsTo) {
    color: #777;
}

.shipToRegions .listCell.shipsTo {
    font-weight: bold;
    color: #555;
}

.shipToRegions .domestic {
    font-weight: normal;
    color: #777;
    font-style: italic;
}

.shipToRegions .shipRegListCell.liveEdit input {
    text-align: right;
}

.shipToRegions .shippingRegionName {
    width: 410px;
    cursor: default;
}

.shipToRegions .shipping1stItemCost, .shipToRegions .shippingAddItemCost {
    width: 90px;
    text-align: right;
    cursor: pointer;
}

/* end shipping profile */

/* begin gallery page manager */

#galleryPages {
    height: 300px;
}

#galleryPages .galleryPageRow .fa {
    cursor: pointer;
}

#galleryPagesContainer .listHeader .tasksColumn {
    width: 58px;
}

div {
    /* border: 1px dotted red; */
}

#galleryPagesContainer .listHeader .pageTypeColumn,
#galleryPagesContainer .listCell.pageTypeCell {
    width: 75px;
    cursor: default;
    text-align: left;
}

#galleryPagesContainer .listHeader .pageTypeColumn {
    font-size: 15px;
}

#galleryPagesContainer .listHeader .pageTypeColumn,
#galleryPagesContainer .listCell.pageTypeCell {
    margin-left: 10px;
}

#galleryPagesContainer .listCell.pageNameCell {
    width: 155px;
    font-weight: bold;
    cursor: default;
}

#storePrintsListHeader,
#eventsListHeader {
    display: none;
}

#galleryPage .listCell.artistItemType {
    width: 75px;
    font-weight: bold;
    cursor: default;
}

#galleryPage .listCell.artistItemName {
    width: 200px;
    cursor: default;
}

/* end gallery page manager */

/* begin gallery pages */

#artistFreeEntryContainer {
    background-color: transparent;
}

/* end gallery pages */

/* begin artwork links */

#artworkLinksText {
    padding: 10px 0 15px 0;
    font-size: 12px;
    line-height: 1.4em;
}

#plainUrl,
#htmlLink,
#htmlButton {
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    cursor: pointer;
}

#plainUrl {
    height: 50px;
}

#htmlLink {
    height: 60px;
}

#htmlButton {
    height: 75px;
}

/* end artwork links */

/* begin social sharing */

#socialMediaPlatforms .list {
    min-height: 0 !important;
}

#socialMediaPlatforms .list .listRow:last-child {
    border: none;
}

#socialMediaPlatforms .postedToCell {
    width: 40px;
    padding: 0 7px 0 7px !important;
}

#socialMediaPlatforms .postToCell .fa {
    position: relative;
    top: 5px;
    font-size: 25px;
    color: #333;
}

#socialMediaPlatforms .listCell:not(.postedTo) {
    color: #333;
}

#socialMediaPlatforms .listCell.postedTo {
    color: darkgreen;
}

#socialMediaPlatforms .listCell.platformIcon .fa {
    width: 30px;
    margin-right: 5px;
    font-size: 25px !important;
}

#socialMediaPlatforms .platformName {
    width: 100px;
    font-weight: bold;
    font-size: 15px !important;
}

#socialMediaPlatforms .postedDate {
    width: 90px;
    font-style: italic;
    color: #777;
}

#socialMediaPlatforms .postToPlatform {
    float: right;
    padding-right: 10px;
}
#socialMediaPlatforms .postToPlatform button {
    font-weight: bold !important;
}

/* end social sharing */

/* begin gallery theme dialog */

div.startingThemeNameContainer {
    padding-top: 10px;
    padding-bottom: 15px;
}

.startingThemeNameLabel label {
    margin-top: 15px;
    font-weight: normal;
}

.startingThemeNameLabel label,
.startingThemeName {
    font-size: 24px;
}

span.startingThemeCustomized {
    visibility: hidden;
    font-style: italic;
}

span.startingThemeName {
    font-size: 24px;
    font-weight: bold;
}

#galleryTitleExampleWrapper {
    box-sizing: border-box;
    border: 1px solid #777;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    overflow: hidden;
}

#galleryTitleExample {
    box-sizing: border-box;
    visibility: hidden;
    background-color: transparent;
    cursor: pointer;
}

.galleryTextExample {
    height: 30px;
    border: 1px solid #777;
    padding: 15px 10px 5px 10px;
    font-size: 20px;
    text-align: center;
}

#headerAlignmentDropdown .newDropdownHeaderText .fa {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 5px 0 5px;
}

.listColorSwatch {
    display: inline-block;
    position: relative;
    top: 5px;
    height: 16px;
    width: 16px;
    border: 1px solid #333;
    margin-right: 10px;
}

.rgbInput {
    width: calc(100px) !important;
}

div.backgroundColorExample {
    position: relative;
    top: 20px;
    height: 100px;
    width: 150px;
    border: 1px solid #999;
    box-shadow: 0px 1px 10px #888888, 0px 0px 5px #eeeeee inset;
    font-size: 18px;
}

div.exampleHeader {
    height: 35px;
    width: 100%;
    text-align: center;
    line-height: 35px;
}

div.exampleBody {
    height: 65px;
    width: 100%;
    text-align: center;
    line-height: 65px;
}

div#navBarExampleContainer {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

div#navBarExample {
    display:inline-block;
    margin: 20px 0 10px 0;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-size: 14px;
}

img#thumbnailExample {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 100px;
    width: 150px;
    background-color: white;
}

#categoryThumbnailExample {
    position: relative;
    top: 15px;
    left: -4px;
    width: 175px;
    margin: 0 0 15px 0;
}

#categoryThumbnailExample .categoryExampleName {
    text-decoration: none;
    text-align: center;
    font-size: 13pt;
    white-space: normal;
}

#categoryThumbnailExample img {
    height: 175px;
    width: 175px;
}

#categoryThumbnailExample .categoryExampleName.top {
    display: none;
    padding-bottom: 10px;
}

#categoryThumbnailExample .categoryExampleName.bottom {
    display: block;
}

/* nameTop */

#categoryThumbnailExample.nameTop .categoryExampleName.top {
    display: block;
}

#categoryThumbnailExample.nameTop .categoryExampleName.bottom {
    display: none;
}

/* end gallery theme dialog */


/* begin domain wizard */

#domainStatusMessage {
    font-size: 18px;
    font-weight: bold;
    color: darkorange;
}

#domainStatusMessage.available {
    color: green;
}

/* end domain wizard */

/* begin messages */

.searchContainer > div {
    margin: 3px 0 3px 0;
}

.searchContainer .dateSelectContainer label:not(:first-child) {
    margin: 0 15px 0 15px;
}

.searchContainer button {
    margin: 10px 5px 0 10px;
}

.searchContainer input {
    width: 85px;
}

/* end messages */

/* end new Art Tracking dialogs, forms, and windows */

/* begin reports */

#reportTypeSelect {
    margin: 25px 0 10px 0;
}
#reportTypeSelect .newDropdownHeader .newDropdownHeaderText {
    font-size: 18px;
    color: #555;
}

div.dpwReportsFormContainer {
    display: inline-block;
    min-width: 610px;
    padding: 0 20px 15px 20px;
    margin: 15px 0 0 0;
}

div.dpwReportsFormContainer > div {
    margin: 10px 0 5px 0;
}

div.dpwReportsFormContainer label {
    margin: 0 5px 0 10px;
}

div.dpwReportsFormContainer input {
    width: 90px;
}

div.dpwReportsFormContainer #buyerDropdownContainer {
    min-width: 224px;
}

div.dpwReportsFormContainer #buyerDropdownContainer input {
    height: 25px;
    width: 190px;
    color: #000;
}

div.dpwReportsFormContainer .buyerDropdownList {
    min-width: 221px;
}

div.dpwReportsFormContainer button {
    margin-top: 15px;
}

div.dpwReportsFormContainer button#viewReport {
    font-weight: bold !important;
}

div.dpwReportsFormContainer button#exporReport {
    margin-left: 15px;
}

#reportContainer {
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
}

#reportContainer h2 {
    margin: 0;
    font-size: 12px;
    color: #777;
}

#reportContainer div.reportDescription {
    display: inline-block;
    text-align: left;
    width: 75%;
    min-width: 600px;
    max-width: 900px;
    margin-top: 5px;
    font-size: 12px;
    color: #777;
}

table.report {
    margin: 0 auto 0 auto;
    font-size: 12px;
    border-collapse: collapse;
}

table.report th {
    color: #777;
    text-align: left;
    vertical-align: bottom;
    font-size: 14px;
    font-weight: normal;
    padding: 0 5px 10px 5px;
    border-bottom: 1px solid #555;
    page-break-inside: avoid !important;
}

table.report th.bold {
    font-weight: bold;
}

table.report span.inLineLabel {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #999;
}

table.report td {
    font-size: 14px;
    color: #333;
    vertical-align: top;
    text-align: left;
    border-spacing: 0;
    padding: 5px 5px 5px 5px;
    /* border: 1px dotted red; */
}

table.report table.inline td {
    padding: 0;
}

table.report > tr:not(.totaledSubrow) > td {
    vertical-align: middle;
    padding: 0;
}

table.report tr.lastSubrow > td {
    border-bottom: 1px solid #777;
}

table.report tr.totaledSubrow.shaded td {
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #ededed); /* for firefox 3.6+ */
}

table.report > tr > td:not(.noLine) {
    border-bottom: 1px solid #ccc;
}

table.report tr.spacer td,
table.report tr.totalRow td {
    vertical-align: bottom;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}

table.report tr.spacer td {
    height: 50px;
}

table.report td.noDataFound {
    font-style: italic;
    text-align: center;
}

table.report td.bold {
    font-weight: bold;
}

table.report th.Right,
table.report td.Right {
    text-align: right;
}

table.report th.Center,
table.report td.Center {
    text-align: center;
}

table.report td.groupCell {
    color: #555;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 1px solid #ccc;
}

table.report td span.columnLastGroupValue {
    font-weight: bold;
}

table.report td span.columnTotalLabel {
    font-weight: normal;
}

table.report td.groupCell span.cellGroupLabel {
    font-weight: normal;
}

table.report td.groupCell span.cellGroupValue {
    font-weight: bold;
}

table.report td.level_1 {
}

table.report td.level_2 {
    padding-left: 20px;
}

table.report td.level_3 {
    padding-left: 40px;
}

table.report td.level_4 {
    padding-left: 60px;
}

table.report td.level_5 {
    padding-left: 80px;
}

table.report td.level_6 {
    padding-left: 100px;
}

table.report td.level_7 {
    padding-left: 120px;
}

table.report td.level_8 {
    padding-left: 140px;
}

table.report td.level_9 {
    padding-left: 160px;
}

table.report td.level_10 {
    padding-left: 180px;
}

table.report th.lineNo,
table.report td.lineNo {
    vertical-align: top;
    font-size: 16px;
    border-spacing: 0;
    color: #999;
    padding-right: 10px !important;
}

table.report tr.totalRow td {
    border-top: 1px solid #ccc;
    font-size: 14px;
    font-weight: normal;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #ccc;
}

table.report tr.totalRow td.bold {
    font-weight: bold;
}

table .salesReport .buyerEmail {
    font-size: 12px;
    font-weight: normal;
}

/* end reports */

/* begin analytics common */

#analyticsMenu {
    padding-left: 235px;
    visibility: hidden;
}

.highcharts-tooltip {
    color: red;
    padding: 0;
    height: 15px;
}

.chartTitleContainer {
    display: none;
    position: relative;
    top: 4px;
    width: 100%;
    text-align: center;
    z-index: 999;
}

.chartTitle {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.dateRangeContainer {
    display: inline-block;
    overflow: hidden;
    padding: 7px 0 4px 5px;
}

.dateRangeContainer {
    display: inline-block;
}

.dateRangeContainer label  {
    padding: 0 5px 0 10px;
}

.dateRangeContainer .fromDate,
.dateRangeContainer .toDate,
.dateRangeContainer .fromDate,
.dateRangeContainer .toDate {
    width: 100px;
}

/* end analytics common */

/* begin analytics dashboard */

#dashboardContainer:not(.supportDashboard) {
    visibility: hidden;
}

#dashboardContainer .tile {
    padding: 10px;
}

#dashboardContainer .tile.expanded .chartTitleContainer {
    padding: 10px 0 15px 0;
}

#dashboardContainer .chartTitleContainer {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 100%;
    text-align: center;
    z-index: 999;
}

#dashboardContainer .chartTitleContainer .help {
    position: relative;
    top: 2px;
}

#dashboardContainer .dateRangeContainer {
    display: none;
}

#dashboardContainer .tile.expanded .dateRangeContainer {
    display: block;
}

#dashboardContainer .tile.collapsed .chartTitle {
    position: relative;
    margin-bottom: 0;
    font-size: 12px;
}

#dashboardContainer .tile.expanded .chartTitle {
    font-size: 18px;
}

#dashboardContainer .tile.collapsed .dateRangeContainer {
    display: inline;
    padding: 0;
}

#dashboardContainer .tile.collapsed .dateRangeContainer .dateRangeSelect {
    margin-left: 5px;
}

#dashboardContainer .tile.collapsed .dateRangeContainer label  {
    display: none;
}

#dashboardContainer .tile.collapsed .dateRangeContainer .fromDate,
#dashboardContainer .tile.collapsed .dateRangeContainer .toDate,
#dashboardContainer .tile.collapsed .dateRangeContainer .fromDate,
#dashboardContainer .tile.collapsed .dateRangeContainer .toDate {
    display: none;
}

#dashboardContainer .tile.expanded .chartContainer {
    width: 100%;
    cursor: pointer;
}

.analyticsDashboardList {
    margin-top: 15px;
    min-height: 200px;
    height: calc(100% - 40px) !important;    
    border: none;
}

.analyticsDashboardList .listRow.dashboardListRow {
    box-sizing: border-box;
    cursor: default;
}

.analyticsDashboardList .listRow.dashboardListRow .listCell {
    padding: 2px 5px;
}

.analyticsDashboardList .listRow.dashboardListRow .listCell.nameCell {
    width: 60%;
    padding-left: 10px;
}

.analyticsDashboardList .listRow.dashboardListRow .listCell.statisticCell {
    width: 40%;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
}

/* end analytics dashboard */

/* begin artwork analytics */

.highslide-html-content div {
    overflow: hidden !important;
}

#analyticsContainer {
    box-sizing: border-box;
    position: relative;
    margin: 10px 0 0 10px;
    height: 100%;
    min-width: 800px;
    overflow: hidden;
    visibility: hidden;
}

#artworkContainer {
    box-sizing: border-box;
    position: relative;
    float: left;
    margin: 0 10px 0 0;
}

#artworkContainer,
#artworkList {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    width: 525px;
    -webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -ms-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}

#chartsContainer {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    width: auto;
    overflow: hidden;
    margin: 0 0 0 0;
}

#artworkViewTotalsChartContainer {
    box-sizing: border-box;
    position: relative;
    display: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#artworkViewHistoryChartContainer {
    box-sizing: border-box;
    position: relative;
    display: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#artworkContainer.fullCollapse #titleSearchContainer {
    display: none !important;
}

#analyticsContainer #artworkContainer #titleSearchContainer  {
    padding-bottom: 8px;
}

#analyticsContainer #artworkContainer #titleSearchContainer input  {
    width: 181px;
}

#analyticsContainer #chartsContainer #artworkViewTotalsChartTitleContainer {
    min-width: 700px;
}

#analyticsContainer #chartsContainer #artworkViewHistoryChartTitleContainer #buttonContainer {
    padding: 5px 0 5px 0;
}

#analyticsContainer #chartsContainer #artworkViewHistoryChartTitleContainer #backToTotals {
    margin-right: 15px;
}

#analyticsContainer #artworkFromDate,
#analyticsContainer #artworkToDate,
#analyticsContainer #historyFromDate,
#analyticsContainer #historyToDate {
    width: 90px;
}

#byArtworkXAxis,
#byArtworkYAxisTitle { 
    font-weight: bold;
}

#byArtworkYAxisTitle { 
    font-size: 15px;
    font-weight: bold;
}

#byArtworkXAxis {
    display: inline-block;
    margin-top: 5px;
    font-size: 11px;
}

#byArtworkXAxis #olderWork,
#byArtworkXAxis #newerWork {
    cursor: pointer;
    color: #777;
}

#byArtworkXAxis #olderWork:hover,
#byArtworkXAxis #newerWork:hover {
    color: #333;
    font-size: 14px;
}

#byArtworkXAxis #olderWork {
    display: inline-block;
    width: 100px;
}

#byArtworkXAxis #byArtworkXAxisTitle {
    display: inline-block;
    width: 100px;
    font-size: 15px;
}

#byArtworkXAxis #newerWork {
    display: inline-block;
    width: 100px;
}

#analyticsContainer #chartsContainer #clickTypeSelect  {
    line-height: 1.5em;
    margin-bottom: 10px;
}

#analyticsContainer #trafficTypeSelect .newDropdownHeaderText,
#analyticsContainer #chartsContainer #clickTypeSelect .newDropdownHeaderText {
    font-size: 15px;
    font-weight: bold;
}

#artworkViewTotalsChartContainer .highcharts-title {
    display: none;
}

#artworkViewHistoryChartContainer .highcharts-title {
    display: none;
}

#chartsContainer .highcharts-range-selector {
    position: relative;
    z-index: 100;
}

#chartsContainer .highcharts-range-selector-buttons {
    visibility: hidden;
}

#artworkContainer #collapseArtworkList,
#artworkContainer #expandArtworkList {
    position: relative;
    top: -2px;
    cursor: pointer;
}

#artworkContainer #expandArtworkList {
    width: 35px;
}

#artworkContainer .listHeader {
    display: table;
    padding-top: 0;
    overflow: hidden;
}

#artworkContainer .listColumnHeader {
    display: table-cell;
    vertical-align: bottom;
    float: none;
    font-size: 10px;
    line-height: 1.2em;
}

#artworkContainer .listColumnHeader,
#artworkList .listCell {    
    box-sizing: border-box;
}

#artworkContainer .artworkTaskColumn,
#artworkList .listCell.taskCell {
    width: 30px;
    padding: 0;
}


#artworkContainer .artworkDateColumn,
#artworkList .listCell.artworkDate {
    width: 65px;
    text-align: center;
}


#artworkContainer .artworkImageColumn,
#artworkList .listCell.artworkImage {
    width: 65px;
    text-align: center;
}

#artworkList .listCell.artworkImage img {
    display: inline-block;
    height: 50px;
}

#artworkContainer .artworkTitleColumn,
#artworkList .listCell.artworkTitle {
    width: 60px;
    padding-left: 10px;
}

#artworkList .listCell.artworkTitle {
    line-height: 1.2em;
    text-overflow: ellipsis;
}


#artworkContainer.partialCollapse .artworkTitleColumn {
    width: 30px;
}

#artworkList .listCell.artworkViews,
#artworkList .listCell.artworkMyPicks,
#artworkList .listCell.artworkGallery,
#artworkList .listCell.artworkBuy,
#artworkList .listCell.artworkWeb,
#artworkList .listCell.artworkSocial {
    padding-right: 10px;
}

#artworkContainer .artworkViewsColumn,
#artworkList .listCell.artworkViews,
#artworkContainer .artworkMyPicksColumn,
#artworkList .listCell.artworkMyPicks {
    width: 75px;
    text-align: right;
}

#artworkContainer .artworkGalleryColumn,
#artworkList .listCell.artworkGallery {
    width: 75px;
    text-align: right;
}

#artworkContainer .artworkBuyColumn,
#artworkList .listCell.artworkBuy {
    width: 41px;
    text-align: right;
}

#artworkContainer.hideBuyClicks .artworkBuyColumn {
    display: none !important;
}

#artworkContainer .artworkWebsiteColumn,
#artworkList .listCell.artworkWeb {
    width: 50px;
    text-align: right;
}

#artworkContainer .artworkSocialColumn,
#artworkList .listCell.artworkSocial {
    width: 40px;
    text-align: right;
}

#artworkContainer #expandArtworkList,
#artworkContainer #collapseArtworkList {
    font-size: 22px;
}

#artworkContainer.partialCollapse #expandArtworkList {
    margin-left: 10px;
}

#artworkContainer.hideBuyClicks,
#artworkContainer.hideBuyClicks #artworkList {
    width: 485px;
}

#artworkContainer.noCollapse #expandArtworkList {
    display: none;
}

#artworkContainer.noCollapse #collapseArtworkList {
    margin-left: 10px;
}

#artworkContainer.partialCollapse,
#artworkContainer.partialCollapse #artworkList {
    width: 240px;
}

#artworkContainer.partialCollapse #expandArtworkList {
    display: inline-block;
}

#artworkContainer.partialCollapse .statColumn {
    display: none;
}

#artworkContainer.fullCollapse {
    width: 24px;
}

#artworkContainer.fullCollapse #artworkList {
    width: 0;
    border: none;
}

#artworkContainer.fullCollapse #expandArtworkList {
    display: inline-block;
}

#artworkContainer.fullCollapse #collapseArtworkList {
    display: none;
}

#artworkContainer.fullCollapse .nonStatColumn,
#artworkContainer.fullCollapse .statColumn {
    display: none;
}

#artworkList .analyticsArtworkListRow  {
    height: 60px;
    width: 1000px;
    padding-top: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #555555;
    overflow: hidden;

    cursor: pointer;
}

#chartsContainer .highcharts-point {
    cursor: pointer;
}

#artworkList .listCell {
    overflow: hidden;
}

#artworkList .listCell .taskIcon  {
    display: block;
    margin: 0 auto;
    font-size: 15px;
    color: #777;
}

#artworkList .listCell .taskIcon:hover  {
    font-size: 17px;
    color: #333;
}

#artworkList .listCell .taskIcon.findInChartTask  {
    padding-top: 5px;
    width: 14px;
}

#artworkList .listCell .taskIcon.drilldownTask  {
    padding-top: 6px;
    width: 17.5px;
}

/* end artwork analytics */

/* begin guides */

.scrollToTop {
    font-size: 20px !important;
}

.guideNavigationContainer {
    position: relative;
    margin: 10px 0 5px 0;
}

.gotoDropdownContainer {
    position: relative;
    top: -2px;
    float: left;
    margin-right: 8px;
}

.gotoDropdownContainer .newDropdownHeader,
.gotoDropdownContainer .newDropdownHeaderText {
    height: 34px;
    font-size: 14px;
}

.dpwGuide .gotoDropdownContainer .newDropdownHeader,
.dpwGuide .gotoDropdownContainer .newDropdownHeaderText {
    height: unset;
}

.searchInputContainer {
    overflow: hidden;
    position: relative;
    height: 30px;
    margin: 10px 0 5px 0;
    outline: 3px solid #0099CC;
    border-radius: 2px;
}

.searchInput {
    display: inline-block;
    position: relative;
    top: 3px;
    overflow: hidden;
    box-sizing: border-box;
    width: calc(100% - 55px);
    padding: 7px;
    outline: none;
    border: none;
}

.guideSearchButton {
    float: right;
    width: 55px;
    height: 30px;
    border: none;
    outline: none;
    background: #0099CC;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}

.searchInputContainer.clearSearch {
    outline: 3px solid #DF6A23;
}

.searchInputContainer.clearSearch .guideSearchButton {
    outline: 1px solid #DF6A23;
    background: #DF6A23;
}

.guideSearchButton .fa {
    font-size: 15px;
}

.searchIgnoredWords {
    clear: both;
    font-style: italic;
    font-size: 0.9em;
    color: #777;
    text-align: right;
}

.searchNotFound {
    display: none;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    font-size: 15px;
    margin-top: 25px;
}

.dpwGuide p {
    line-height: 1.5em;
}

.dpwGuide h2, .helpContainer h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5em;
    padding: 5px 0 0 20px;
    color: #DF6A23;
}

.dpwGuide h3, .helpContainer h3 {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5em;
    padding: 10px 0 0 20px;
}

.searchBody {
    clear: both;
}

#newFeaturesGuide .featureName {
    display: inline-block;
    width: calc(100% - 150px);
}

#newFeaturesGuide .featureDate {
    display: inline-block;
    width: 100px;
}

/* end guides */

#regionGrid .disableGridText {
    color: #aaaaaa;
}

.control_delete img {
    cursor: pointer;
}

.control_auction img {
    cursor: pointer;
}

.control_paypal img {
    cursor: pointer;
}

button.help {
    background-image: url(help.png);
    background-repeat: no-repeat;
}

button.options {
    background-image: url(cog.png);
    background-repeat: no-repeat;
}

button.money {
    background-image: url(money.png);
    background-repeat: no-repeat;
}

button.coins {
    background-image: url(coins.png);
    background-repeat: no-repeat;
}

button.export {
    background-image: url(export.png);
    background-repeat: no-repeat;
}

button.save {
    background-image: url(save.png);
    background-repeat: no-repeat;
}

button.user {
    background-image: url(user_green.png);
    background-repeat: no-repeat;
}

button.shipping {
    background-image: url(box.png);
    background-repeat: no-repeat;
}

button.auction {
    background-image: url(addAuction.png);
    background-repeat: no-repeat;
}

button.paypal {
    background-image: url(paypalbutton_sm.gif);
    background-repeat: no-repeat;
}

button.facebook {
    background-image: url(facebook.png);
    background-repeat: no-repeat;
}

button.userAdd {
    background-image: url(user_add.png);
    background-repeat: no-repeat;
}

button.userRemove {
    background-image: url(user_delete.png);
    background-repeat: no-repeat;
}

button.search {
    background-image: url(search.png);
    background-repeat: no-repeat;
}

button.delete {
    background-image: url(delete.png) !important;
    background-repeat: no-repeat;
}

button.refresh {
    background-image: url(refresh.png);
    background-repeat: no-repeat;
}

button.fullscreen {
    background-image: url(fullscreen.png) !important;
    background-repeat: no-repeat;
}

button.maximize {
    background-image: url(arrow_out.png) !important;
    background-repeat: no-repeat;
}

button.minimize {
    background-image: url(arrow_in.png) !important;
    background-repeat: no-repeat;
}

/*
button.next {
    background-image: url(next.png) !important;
    background-repeat: no-repeat;
}

button.previous {
    background-image: url(previous.png) !important;
    background-repeat: no-repeat;
}
*/

button.leftArrow {
    background-image: url(arrow_left.png) !important;
    background-repeat: no-repeat;
}

button.rightArrow {
    background-image: url(arrow_right.png) !important;
    background-repeat: no-repeat;
}

button.rssFeed {
    background-image: url(feed-icon.jpg) !important;
    background-repeat: no-repeat;
}

button.eBay {
    background-image: url(eBay.png) !important;
    background-repeat: no-repeat;
}

.icon-actions {
    background-image: url(cog.png) !important;
    background-repeat: no-repeat;
}

/* for EXT JS 4 */
.x-btn button .addArtBytes {
    background-image: url(art.png) !important;
    background-repeat: no-repeat;
}

.x-btn button .fullscreen {
    background-image: url(fullscreen.png) !important;
    background-repeat: no-repeat;
}

.icon-money {
    background-image: url(money.png) !important;
    background-repeat: no-repeat;
}

.icon-leftArrow {
    background-image: url(arrow_left.png) !important;
    background-repeat: no-repeat;
}

.icon-rightArrow {
    background-image: url(arrow_right.png) !important;
    background-repeat: no-repeat;
}

.icon-add {
    background-image: url(add.png) !important;
    background-repeat: no-repeat;
}

.icon-delete {
    background-image: url(delete.png) !important;
    background-repeat: no-repeat;
}

.icon-reorder {
    background-image: url(arrow_switch.png) !important;
    background-repeat: no-repeat;
}

.icon-address {
    background-image: url(email.png) !important;
    background-repeat: no-repeat;
}

.icon-submit {
    background-image: url(email_add.png) !important;
    background-repeat: no-repeat;
}

.icon-check {
    background-image: url(tick.png) !important;
    background-repeat: no-repeat;
}

.icon-pending {
    background-image: url(time.png) !important;
    background-repeat: no-repeat;
}

.icon-rejected {
    background-image: url(stop.png) !important;
    background-repeat: no-repeat;
}

.icon-edit {
    background-image: url(pencil.png) !important;
    background-repeat: no-repeat;
}

.icon-tasks {
    background-image: url(cog.png) !important;
    background-repeat: no-repeat;
}

.icon-editPage {
    background-image: url(page_edit.png) !important;
    background-repeat: no-repeat;
}

.icon-save {
    background-image: url(save.png) !important;
    background-repeat: no-repeat;
}

.icon-preview {
    background-image: url(page.png) !important;
    background-repeat: no-repeat;
}

.icon-video {
    background-image: url(video.png) !important;
    background-repeat: no-repeat;
}

.x-btn button .maximize {
    background-image: url(arrow_out.png) !important;
    background-repeat: no-repeat;
}

.x-btn button .minimize {
    background-image: url(arrow_in.png) !important;
    background-repeat: no-repeat;
}

.icon-totals {
    background-image: url(money.png) !important;
    background-repeat: no-repeat;
}

.icon-search {
    background-image: url(search.png) !important;
    background-repeat: no-repeat;
}

.icon-columns {
    background-image: url(columns.png) !important;
    background-repeat: no-repeat;
}

.icon-actions {
    background-image: url(cog.png) !important;
    background-repeat: no-repeat;
}

.icon-help {
    background-image: url(help.png) !important;
    background-repeat: no-repeat;
}

.x-list-over {
    cursor: pointer;
}

.x-required {
    border-width: 1px !important;
}

.requiredAsterix {
    font-size: 12px;
    font-weight: bold;
}

/* begin dpw gallery */

body.gallery {
}

#hiddenGalleryMessageContainer {
    text-align: center;
    padding-top: 25%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #777;
    opacity: 0.75
}

#artistHiddenGalleryMessageContainer, .pageNotVisibleContainer {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #777;
    opacity: 0.8
}

#artistHiddenGalleryMessageContainer, .pageNotVisibleContainer > div:last-child {
    margin-bottom: 20px;
}

#privatePageName {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    /* text-transform: uppercase; */
}

/* begin theme slideout */

#themeSlideout {
    position: absolute;
    left: 40px;
    width: 30px;
    height: 30px;
    padding: 2px 10px 10px 15px;
    margin: 0 0 5px;
    overflow: hidden;
    border: 1px solid #999;
    border-top: none;
    border-radius: 0 0 8px 0;
    border-top: none;
    color: #888;
    font-size: 32px;
    z-index: 100;
    max-width: 29px;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    background: #eeeeee; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##ffffff', endColorstr='##eeeeee'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #eeeeee); /* for firefox 3.6+ */
}

html.themeSlideoutExpanded:not(.doSlide) #themeSlideout {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

html.themeSlideoutExpanded #themeSlideout,
#themeSlideout.expanded {
    border-top: none;
    width: calc(100% - 100px);
    max-width: 100000px;
}

html.themeSlideoutExpanded #galleryHeader {
    padding-top: 50px;
}

html.themeSlideoutExpanded #themeSlideoutTrigger.fa-cogs:before {
    content: "\f0a8" !important;
}

#themeSlideout.collapsing {
    width: 29px;
}

#themeSlideoutTrigger {
    display: inline-block;
    float: right;
    cursor: pointer;
    z-index: 500;
}

#themeSlidoutFormWrapper {
    display: none;
    width: calc(100% - 50px);
    text-align: center;
    overflow: hidden;
}

html.themeSlideoutExpanded #themeSlidoutFormWrapper,
#themeSlideout.expanded #themeSlidoutFormWrapper {
    display: inline-block;
}

#themeSlidoutFormContainer {
    display: inline-block;
}

#themeSlidoutFormContainer label,
#themeSlidoutFormContainer button {
    display: inline-block;
    position: relative;
    top: -5px;
}


#themeSlidoutFormContainer div.newDropdown {
    display: inline-block;
    position: relative;
    top: -7px;
    font-size: 14px;
}

#themeSlidoutFormContainer label {
    position: relative;
    top: -5px;
}

/* end theme slideout */

.galleryLogo {
    display: inline-block;
    margin-top: 10px;
    margin-left: 15px;
}

body.isTablet .smallDpwLogo {
    display: block;
    position: relative;
    top: 5px;
    left: 5px;
    padding: 0 0 20px 10px;
    float: none !important;
}

#galleryTopBarContainer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    visibility: hidden;
}

#artistsNameHeader {
    position: relative;
    min-height: 50px;
    z-index: 8;
}

#galleryLinkBar {
    position: relative;
    display: inline-block;
    float: none !important;
    padding-top: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #888;
    white-space: nowrap;
    z-index: 99;
}

#galleryLinkBar > li {
    display: inline-block;
}

#galleryLinkBar > li a.nav {
    font-weight: normal;
    color: #555;
}

#galleryLinkBar > li a.nav:hover {
    color: #333;
}

#galleryLinkBar > li a.nav:active {
    color: #333;
}

#galleryLinkBar > li > a > .fa,
#galleryLinkBar > li > span.fa{
    font-size: 24px;
    color: #777;
}

#galleryLinkBar > li:not(:first-child)  {
    margin-left: 12px;
}

#galleryLinkBar > .li:last-child  {
    margin-right: 12px;
}

#galleryTopBarContainer .bioPhone  {
    position: relative;
    top: -3px;
    font-size: 18px;
}

body.isTablet #galleryTopBarContainer {
    min-width: unset;
}

/* Gallery Header */

#galleryHeader {
    padding-bottom: 5px;
    margin-bottom: 20px;
}


#galleryHeader:not(.hasBanner) {
    visibility: hidden;
}

#galleryTitleHeader, #galleryBannerHeader {
    position: relative;
    text-align: center !important;
}

#galleryBannerHeader {
    padding: 20px;
}

#galleryTitle, #galleryBanner {
    box-sizing: border-box;
    display: inline-block;
}

#galleryTitle {
    padding: 0 40px 0 40px;
    width: 100%;
}

#galleryBanner {
    position: relative;
    padding: 0;
    width: 100%;
}

#galleryBanner img {
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

#editBannerIcon {
    position: absolute;
    visibility: hidden;
    bottom: 40px;
    right: -40px;
    font-size: 28px;
    color: #DF6A23;
    text-decoration: none;
    z-index: 900;
}

#menutabnavWrapper.galleryNav {   
    text-align: center;
    visibility: hidden;
}

ul.menutabnav.galleryNav {
    width: auto;
}

/* left aligned */

#galleryHeader.leftAlign {
    box-sizing: border-box;
    overflow: hidden;
}

#galleryHeader.leftAlign #galleryHeaderNavWrapper {
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 20px; 
    margin-left: 20px;
}

#galleryHeader.leftAlign #galleryTitleHeader,
#galleryHeader.leftAlign #galleryBannerHeader{
    box-sizing: border-box;
    order: 1;
    padding-bottom: 0;
    padding-left: 75px;
    margin-right: 20px;
    text-align: left !important;
    width: 65%;
    min-width: 500px;
}

#galleryHeader.leftAlign #galleryTitle,
#galleryHeader.leftAlign #galleryBanner {
    height: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: unset;
}

#galleryHeader.leftAlign #galleryTitle:not(.hasDecending) {
    margin-bottom: -20px;
}

#galleryHeader.leftAlign #galleryTitle.lush.hasDecending {
    padding-bottom: 15px;
}

#galleryHeader.leftAlign #galleryTitle .textFitted {
}

#galleryHeader.leftAlign #menutabnavWrapper.galleryNav {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    top: 0;
    order: 2;
    text-align: right;
    padding-right: 75px;   
}

#galleryHeader.leftAlign .menutabnav .galleryNav {
    box-sizing: border-box;
}

#galleryHeader.leftAlign ul.menutabnav.galleryNav {
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

/* right aligned */

#galleryHeader.rightAlign {
    box-sizing: border-box;
    overflow: hidden;
}

#galleryHeader.rightAlign #galleryHeaderNavWrapper {
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 20px;
    margin-right: 20px;
}

#galleryHeader.rightAlign #galleryTitleHeader,
#galleryHeader.rightAlign #galleryBannerHeader {
    box-sizing: border-box;
    order: 2;
    padding-bottom: 0;
    padding-right: 75px;
    margin-left: 20px;
    text-align: right !important;
    width: 65%;
    min-width: 500px;
}

#galleryHeader.rightAlign #galleryTitle:not(.hasDecending) {
    margin-bottom: -20px;
}

#galleryHeader.rightAlign #galleryTitle,
#galleryHeader.rightAlign #galleryBanner {
    height: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: unset;
}

#galleryHeader.rightAlign #galleryTitle.lush.hasDecending {
    padding-bottom: 15px;
}

#galleryHeader.rightAlign #galleryTitle .textFitted {
}

#galleryHeader.rightAlign #menutabnavWrapper.galleryNav {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    order: 1;
    position: relative;
    top: 0px;
    padding-left: 75px;
    text-align: left;
}

#galleryHeader.rightAlign .menutabnav .galleryNav {
    box-sizing: border-box;
}

#galleryHeader.rightAlign ul.menutabnav.galleryNav {
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.tabletBreak {
    display: none;
}

body.isTablet .tabletBreak {
    display: block;
}

body.isTablet #bioImageContainer,
body.isTablet #fullBioContainer {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 2em;
}

body.isTablet #fullBioContainer {
    margin-top: 20px;
    margin-left: 0;
    max-width: unset;
    width: 90%;
}

#categoryDropdown {
    height: 35px;
}

#categoryDropdownWrapper #artworkEditCategory {
    font-size: 24px;
    position: relative;
    top: -4px;
    color: #DF6A23;
}

#categoryDropdownWrapper {
    text-align: center;
}

#categoryDropdown {
    display: inline-block;    
    text-align: left;
}

#categoryDropdown .newDropdownHeader {
    border: none;
    box-shadow: none;
    background-color: transparent;
    /* border-bottom: 1px dotted #999; */
    border-radius: 0;
}

#categoryDropdown .newDropdownHeaderText {
    /* text-transform: uppercase; */
}

.categoryDropdownList li {
    font-size: 16px !important;
}

.categoryDropdownList li a {
    padding: 10px 10px 10px 10px !important;
}

#pageDescriptionWrapper {
    padding: 0;
    width: 100%;
    text-align: center;
}

#pageDescription,
#categoryDescription {
    display: inline-block;
    width: 45%;
    min-width: 500px;
    overflow: hidden;
    font-size: 15px;
    line-height: 20px;
}

#pageDescription {
    display: inline-block;
    padding: 10px 0 0 0;
}

#categoryDescription {
    padding: 20px 0 10px 0;
}

#pageDescription.wide,
#categoryDescription.wide {
    width: 75%;
}

#pageDescription strong,
#categoryDescription strong {
    font-weight: bold;
}

#pageDescription p,
#categoryDescription p {
    margin-top: 7px;
    margin-bottom: 7px;
}

#pageDescription p:first-child,
#categoryDescription p:first-child {
    margin-top: 0;
    margin-bottom: 7px;
}

#pageDescription p:last-child,
#categoryDescription p:last-child {
    margin-top: 7px;
    margin-bottom: 0;
}

#paginationSearchLink, #categoryDropdown .newDropdownHeaderText, #categoryDropdown .newDropdownHeader .fa-caret-down {
    font-size: 36px;
}

#categoryDropdown .newDropdownHeader .fa-caret-down {
    position: relative;
    top: -5px;
}

/* end dpw gallery */

.comingSoonMessage {
    width: 300px;
    display: inline-block;
    font-style: italic;
    padding-top: 10px;
}

.downArrow {
    padding-left: 5px;
    position: relative;
    top: 2px;
}

/* MyAuctions */

.myAuctionCell {
    padding: 5px 3px 5px 3px;
}

#myAuctionsPageContainer {
    margin: 30px 10px 25px 10px;
}

.myAuctionSectionContainer {
    margin: 0px auto 0px auto;
}

.myAuctionsHeaderContainer {
    width: 900px;
    padding-top: 10px;
    padding-left: 50px;
    margin-bottom: 5px;
}

.myAuctionsHeaderContainer .formLabel {
    display: inline;
}

.myAuctionsInstructionsContainer {
    width: 100%;
    margin-bottom: 15px;
}

/* Item Shopping Cart Typekit Artist Name */

.smallArtistName {
    font-size: 60px;
    line-height: 10px;
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0px;
    line-height: 1.3em;
    z-index: -1;
    font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
    color: #555555;
}

.smallArtistName {
    font-size: 90px;
    line-height: 10px;
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0px;
    line-height: 1.3em;
    z-index: -1;
    font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
    color: #555555;
}

.helpContainer h1 {
    width: 100%;
    padding: 15px 0 0 0;
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 1.25em;
    color: #555;
    text-align: center;
}

.helpContainer .smallInstruction {
    font-size: 12px;
    text-align: center;
    font-style: italic;
}

.helpContainer p {
    color: #666;
}

.dpw_panel-body ul, .dpw_panel-body ol, .helpContainer ol, .helpContainer ul {
    list-style: inside !important;
    list-style-position: inside !important;
    text-indent: -2em !important;
    padding-left: 1em !important;
    margin-left: 2em !important;
}

.dpw_panel-body li, .helpContainer li {
    padding-bottom: 4px !important;
}

.dpw_panel-body ul, .dpw_panel-body ol, .helpContainer ol, .helpContainer ul, .helpContainer p {
    margin-top: 10px !important;
}

.helpContainer img {
    display: block;
    padding-left: 10px !important;
}

div#help blockquote {
    padding: 10px 0 0 5px;
}

div.artTrackingHelp {
    background: transparent url(help.png) no-repeat;
    padding: 0 0 10px 20px;
}

div.artTrackingHelp a.popupHelp {
    font-weight: normal !important;
    font-size: 14px !important;
}

div.helpTips {
    float: left;
    font-size: 12px !important;
    padding: 0 0 10px 0 !important;
}

/* Challenges Page */

#previousChallengesContainer {
    padding-top: 20px;
}

#challengeContainer {
    width: 750px;
    margin: 10px auto 0px auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #666666;
    white-space: normal;
}

body.isTablet #challengeContainer {
    width: 100%;
    text-align: center;
}

body.isTablet #currentChallengeContainer {
    display: inline-block;
    width: 80%;
    text-align: left;
}

#challengeLogo {
    margin-top: -10px;
    margin-bottom: 0px;
}

#challengeTopMessage, #challengeDailyEmailLink {
    font-size: 15px;
    font-style: italic;
}

#challengeTopMessage {
    padding: 0 0 25px 0;
    float: right;
}

.currentChallengeImageContainer {
    float: left;
    padding-right: 30px;
    padding-bottom: 10px;
}

#challengeImageContainer {
    float: left;
    padding-right: 30px;
    padding-bottom: 10px;
}

#challengeHeader {
    padding: 0px 0px 10px 0px;
}

#currentChallengeTitle {
    padding: 0px 0px 10px 0px;
    font-size: 24px;
}

#currentAuctionChallengeTitle {
    padding: 0px 0px 10px 0px;
    font-size: 18px;
}

#critiqueChallengeTitle {
    padding: 0px 0px 10px 0px;
    font-size: 18px;
}

.challengeDate {
    margin-top: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #888888;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.challengeName {
    margin-top: 0px;
    padding-bottom: 10px;
    color: #555555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.challengeArtistName {
    padding: 0px 0px 3px 0px;
}

#challengeDescriptionContainer {
    width: 450px;
    padding-top: 5px;
    padding-bottom: 35px;
    font-size: 15px;
    line-height: 1.5em;
    float: left;
}

#challengeDescriptionContainer.wrapChallengeDescription {
    width: 100%;
    float: none;
}

.previousChallengeCell {
    padding: 3px;
}

#previousChallengesTitle {
    font-size: 15px;
    padding: 30px 0px 10px 25px;
}

#sumbitChallengeEntryLink {
    font-size: 15px;
    padding-left: 0px;
}

hr {
    height: 1px;
    background: #bbbbbb;
    border-width: 0px;
}

tr.alt {
    background-color: #FFFFCC;
}

tr.over {
    background-color: #CCFFDE;
}

/* must be below tr.alt! */
.newEntryCount {
    /* behavior: url(/Scripts/PIE.htc); */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #DF6A23 !important;
    color: white;
    padding: 1px 9px 2px 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt; /* text-shadow: black 0px 1px 1px; */
    font-weight: normal;
    cursor: pointer;
}

dl.defList {
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

dl.defList dt {
    padding: 15px 0px 5px 15px;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}

dl.defList.smallDt dt {
    font-size: 16px;
}

dl.defList dd {
    margin: 0px;
    padding: 5px 0px 5px 25px;
}

/* begin comment count for thumbnails */

a.commentCount {
    display: inline-block;
    position: relative;
    padding: 4px 6px 4px 6px;
    height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1em;
    cursor: pointer;
}

a.commentCount span {
    display: block;
    position: absolute;
    top: 3.5px;
    left: 13px;
    color: #fff;
}
a.commentCount.twoDigits span {
    left: 10px;
}

a.commentCount::before {
    display: block;
    content: '\f075';
    height: 18px;
    font-family: 'FontAwesome';
    color: #4A7078;
    opacity: 0.3;
    font-size: 20px;
}

a.commentCount:hover {
}

a.commentCount:active::before,
a.commentCount:hover::before,
a.hasComments::before {
    opacity: .75;
}

/* end comment count for thumbnails */

/* For all Ext number fields */
.x-form-num-field {
    text-align: right;
}

/* change row spacing on Ext checkbox groups */
.x-form-check-group .x-form-item {
    padding-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Artists */

#artistsTableDiv {
    width: 700px;
    margin: 10px auto 0px auto;
}

.artistList-name {
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.artistList-data {
    font-weight: normal !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* hs.htmlExpand */
.no-overflow .highslide-container div {
    height: 100%;
    overflow: hidden;
}

body a#uservoice-feedback-tab, body a#uservoice-feedback-tab:link {
    /* behavior: url(/Scripts/PIE.htc); */
    background-color: #777777;
    -moz-border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    border-radius: 0px 8px 8px 0px;
    border: 0px;
}

    body a#uservoice-feedback-tab, body a#uservoice-feedback-tab:hover {
        background-color: #333333;
    }

/* This gives toolbar buttons the regular button style */
.x-toolbar .x-btn-tl {
    background-position: -6px 0;
}

.x-toolbar .x-btn-tr {
    background-position: -9px 0;
}

.x-toolbar .x-btn-tc {
    background-position: 0 -9px;
}

.x-toolbar .x-btn-ml {
    background-position: -6px -24px;
}

.x-toolbar .x-btn-mr {
    background-position: -9px -24px;
}

.x-toolbar .x-btn-mc {
    background-position: 0 -2168px;
}

.x-toolbar .x-btn-bl {
    background-position: -6px -3px;
}

.x-toolbar .x-btn-br {
    background-position: -9px -3px;
}

.x-toolbar .x-btn-bc {
    background-position: 0 -18px;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p {
    margin: 2px 12px 10px 10px;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 0 4px 0 4px;
}

input[type=text]:not(.x-form-file-text):not(.plain):not(.showPassword),
input[type=number],
input[type=password] {
    border: 1px solid #999;
}

input:disabled,
input.disabled {
    border: 1px solid #ccc !important;
    background: #eee !important;
    color: #777 !important;
}

.inputFileField {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    /*
	font-weight: bold;
    border: 1px solid #ddd;
    */
}

.inputFileFieldLabel {
	display: inline-block;
}

.selectedFileName {
    line-height: 1.5em;
    font-style: italic;
}

/* MISC  
----------------------------------------------------------*/
    .clear {
    clear: both;
}

.error {
    color: Red;
}

#mobileMenucontainer {
    margin-top: 40px;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

#registeredGreeting {
    width: 100%;
    padding: 15px;
    line-height: 1.75em;
}

/* Styles for validation helpers
-----------------------------------------------------------*/

#formValidationErrorsContainer {
    padding: 10px;
    border: 1px solid #ff6a6a;
    background: #ffd7d7;
}

.validation-summary-errors span {
    font-weight: bold;
    font-size: 18px;
}

.validation-summary-errors ul {
    font-weight: normal;
    font-size: 15px;
    padding: 0;
}

.validation-summary-errors ul li {
    padding: 0px;
    margin: 0px;
    list-style-type: none !important;
}

.validation-summary-errors ul li:not(:last-child) {
    padding-bottom: 10px;
}

.field-validation-error {
    display: block;
    color: #ff0000;
    margin: 0 0 10px 0;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers */

.display-label,
.editor-label,
.display-field,
.editor-field {
    margin: 0.5em 0;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

.clearfix {
    float: none;
    clear: both;
}

/* Slide down message */
.msg .x-box-mc {
    font-size: 14px;
}

#msg-div {
    position: absolute;
    left: 35%;
    top: 10px;
    width: 300px;
    z-index: 20000;
}

#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #F6F6F6;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}

#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}

#msg-div .msg p {
    margin: 0;
}

/* begin tiles */

.colorHeading {
    box-sizing: border-box;
    width: 100%;
    color: #fefefe;
    font-size: 20px;
    padding: 10px 0 10px 10px !important;
    /* text-transform: uppercase; */
}

.colorHeading.center {
    text-align: center;
    padding-left: 0;
}

.colorHeading.left {
    text-align: left;
    padding-left: 0;
}

.colorHeading.white {
    background-color: #fff;
    color: #555;
}

.colorHeading.blue {
    background-color: #09c;
}

.colorHeading.grey {
    background-color: #acacac;
}

.colorHeading.green {
    background-color: #a3bb36;
}

.colorHeading.yellow {
    background-color: #d0aa26;
}

.colorHeading.orange {
    background-color: #f68e56;
}

.colorHeading.red {
    background-color: indianred;
}

.colorHeading.purple {
    background-color: #8a89d7;
}

.tileCenterWrapper {
    width: 100%;
    text-align: center;
}

.tileContainer {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.tileContainer.by1w {
    text-align: center;
}

.tile {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    margin: 10px;
    background: #fff;
}

.tile.noBorder {
    border: none;
}

.tileContainer.snug .tile {
    margin-left: 5px;
    margin-right: 5px;
}

.tileContainer.tight .tile {
    margin-left: -1px;
    margin-right: -1px;
}

.tileContainer.grid .tile {
    float: left;
}

.tileContainer.grid .noWrapContainer {
    display: inline-block;
}

.tileContainer.grid .noWrapContainer .tile {
}

.tile .tileBody {
    padding: 10px 15px 0 15px;
    text-align: left;
}

.tile .tileBody.border {
    border: 1px solid #ddd;
}

.tile .tileBody.lightGrey {
    background-color: #eee;
}

.tile .tileList {
    font-size: 14px;
    box-sizing: border-box;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    overflow: unset;
}

.tile .tileList li,
.tile .tileList dt,
.tile .tileList dd {
    box-sizing: border-box;
    display: block;
    padding: 5px 0 5px 15px;
    width: 100%;
    margin-inline-start: 0px;
}

.tile .tileList dt:not(:first-child) {
    padding-top: 20px;
}

.tile .tileList dt {
    padding-left: 25px;
    font-size: 18px;
}

.tile .tileList li.indent {
    margin-left: 30px;
}

.tileContainer.by1h .tile {
    height: calc(100% - 20px);
}

.tileContainer.by2h .tile {
    height: calc(50% - 20px);
}

.tileContainer.by3h .tile {
    height: calc(33.3333% - 20px);
}

.tileContainer.by1w .tile {
    display: inline-block;
    float: none;
    width: calc(100% - 20px);
}

.tileContainer.by2w .tile {
    width: calc(50% - 20px);
}

.tileContainer.by3w .tile {
    width: calc(33.3333% - 20px);
}

.tileContainer.by4w .tile {
    width: calc(25% - 20px);
}

/* tile level overrides */

.tileContainer .tile.by1h {
    height: calc(100% - 20px);
}

.tileContainer .tile.by2h {
    height: calc(50% - 20px);
}

.tileContainer .tile.by3h {
    height: calc(33.3333% - 20px);
}

.tileContainer .tile.by1w {
    width: calc(100% - 20px);
}

.tileContainer .tile.by2w {
    width: calc(50% - 20px);
}

.tileContainer .tile.by3w {
    width: calc(33.3333% - 20px);
}

.tileContainer .tile.by4w {
    width: calc(25% - 20px);
}

.tileContainer.showHover .tile:hover,
.tile.expanded {
    border: 1px solid #777;
    box-shadow: 0px 1px 10px #aaa, 0px 0px 5px #eee inset;
}

.tile .tileHeader {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.25em;
    padding: 30px 15px 15px 15px;
}

.tile .titleBody {
    box-sizing: border-box;
    overflow: hidden;
    padding: 15px 15px 20px 15px;
    text-align: left;
}

#tileOverlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999998;
    background: #aaa;
    opacity: 0.5;
}

.tileContainer .tile.expanded {
    float: none;
    position: absolute;
    left: 0;
    height: calc(100% - 32px);
    z-index: 999999;
    box-shadow: 0px 1px 10px #aaa, 0px 0px 5px #eee inset;
    cursor: default;
}

.tileContainer .tile.expanded:not(.constantWidth) {
    
    width: calc(100% - 20px);
}

.tile .resize {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 24px;
    color: #aaa;
    cursor: pointer;
    z-index: 9999;
}

.tile .resize:hover {
    color: #555;
}

.tile.expanded .resize {
    top: 10px;
    right: 14px;
    font-size: 36px;
}

/* end tiles */

/* begin join us page */

#joinUsContainer {
    padding-top: 20px;
    padding-bottom: 75px;
}

#joinHeaderContainer {
    display: inline-block;
    position: relative;
    padding: 10px;
    height: 210px;
    width: 100%;
    color: #fff !important;
    background-image: url(https://s3.amazonaws.com/prod.squished.css/background_orange_green.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    margin-bottom: 35px;
}

#joinHeaderButtonContainer {
    margin-bottom: 7px;
}

#joinHeaderContainer .tile {
    float: right;
    text-align: right;
    padding-right: 80px;
    background-color: transparent;
}

#joinHeaderTitle,
#joinHeaderSubtitle {
    text-align: right;
    font-family: 'Open Sans Condensed', sans-serif;
}

#joinHeaderTitle {
    padding: 5px 0 15px 0;
    font-size: 48px;
    line-height: 54px;
    font-weight: bold;
}

#joinHeaderSubtitle {
    padding: 0 0 30px 0;
    font-size: 30px;
}

#joinHeaderContainer #joinButtonContainer {
    display: inline-block;
}

#joinHeaderContainer #joinButton,
#joinHeaderContainer #paymentButton {
    background-color: #fff;
    color: #000;
    border-color: #777;
    border-radius: 2px;
    padding: 10px 15px;
    font-size: 22px;
    font-weight: normal !important;
}

#joinUsContainer .by4w,
#joinUsContainer .by2W,
#screenshotsContainer {
    padding-left: 30px;
    padding-right: 30px;
}

#joinUsContainer #questionsTile,
#joinUsContainer #testimonialsTile {
    margin-top: 25px;
    margin-bottom: 25px;
}

#joinUsContainer .featuresContainer {
    margin-top: 5px;
}

#joinUsContainer .tileContainer.sectionHeader {
    overflow: visible;
}

#joinUsContainer .by4w .tile ul {
    list-style-type: none !important;
}

button.joinUsButton {
    font-size: 18px !important;
    font-weight: normal !important;
}

button#freeTrialButton {
    font-size: 18px !important;
    font-weight: normal !important;
}

#joinUsContainer .by4w .tile {
    height: 440px;
    width: 280px;
}

#joinUsContainer .tile {
    box-sizing: border-box;
}

#joinUsContainer .by2w .tile {
    width: 565px;
}

#joinUsContainer .by1w {
    width: 100%;
}

#joinUsContainer .by1w .noWrapContainer {
    max-width: 1140px;
    width: 90%;
}

#joinUsContainer .tile .colorHeading.white {
    padding: 0px 0 10px 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: normal;
}

#questionsTile .tileBody,
#testimonialsTile .tileBody {
    height: 1045px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#testimonialsTile div.quote {
    font-style: italic;
}

#testimonialsTile .onlyInPopup {
    display: none;
}

#testimonialsTile div.quoteWho {
    padding: 5px 0 10px 15px;
    font-weight: bold;
}

#joinUsContainer .tile.screenshotTile {
    height: unset;
}

#joinUsContainer .tile.screenshotTile .colorHeading {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 0;
}

.tile.screenshotTile img {
    width: 100%;
}

#joinUsContainer .tileContainer.sectionHeader .tileBody {
    width: 100%;
}

#joinUsContainer .tileContainer.sectionHeader .tile,
#joinUsContainer .tileContainer.sectionHeader .tile .tileBody {
    margin: 0;
    padding-top: 0;
    overflow: visible;
}

#joinUsContainer .tileContainer.sectionHeader .tile .tileBody {
    font-size: 16px;
    line-height: 24px;
    padding-left: 0;
    padding-right: 0;
}

/* end join us page */

/* resources panels */

.dpw_panel_resources-container {
    width: 869px;
    margin: 0 auto 0 auto;
}

.dpw_panel_resources-column {
    float: left;
}

.last-column {
    margin-right: -400px;
}

.dpw_panel_resources-row h1 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.dpw_panel_resources {
    width: 415px;
    padding: 0 0 5px 0;
    margin: 0 18px 18px 0;
    position: relative;
    text-align: left;
    border: 1px solid #bbbbbb;
    position: relative;
}

.dpw_panel_resources-header {
    font-weight: bold;
    font-size: 1.25em;
    padding: 15px 15px 0 15px;
}

.dpw_panel_resources .dpw_panel_resources-body {
    clear: both;
    padding: 15px 15px 5px 20px;
}

.dpw_panel_resources-body ul {
    padding-left: 0;
    list-style-position: outside;
}

.dpw_panel_resources-body ul li {
    padding-bottom: 5px;
}

/* root element for scrollable */
.scrollable {
    margin-top: 0px;
    /* required settings */
    position: relative;
    overflow: hidden;
    height: 500px;
    width: 100%;
}

/* root element for scrollable items */
.scrollable .item {
}

/* root element for scrollable items */
.scrollable .itemRowSet {
    height: 500px;
    width: 100%;
}

/* root element for scrollable items */

.scrollable .items {
    position: absolute;
    /* this time we have very large space for the height */
    height: 20000px;
    width: 100%;
}

/* begin quick search panel */

#quickSearchBar {
    float: left;
    width: 150px;
    padding: 0 15px 45px 15px;
}

#quickSearchBar h1 {
    padding: 0;
}

#quickSearchBar h1,
#quickSearchBar h1 a {
    font-size: 15px;
    font-weight: bold;
    color: #DF6A23 !important;
}

#quickSearchBar h1 a .fa {
    position: relative;
    top: 3px;
    font-size: 24px;
}

#quickSearchBar #allArtistCombo {
    height: 24px;
    width: 135px;
}

#quickSearchBar input.artistNameSearch {
    width: 135px;
}

#openQuickSearch {
    display: none;
    position: relative;
}

#openQuickSearchText {
    position: absolute;
    top: 26px;
    left: 20px;
    white-space: nowrap;
}

#closeQuickSearch {
    display: block;
}

#quickSearchBar.collapsed {
    width: 10px;
}

#quickSearchBar.collapsed #quickSearchBody {
    display: none;
}

#quickSearchBar.collapsed #openQuickSearch {
    display: block;
}

#quickSearchBar.collapsed #closeQuickSearch {
    display: none;
}

#quickSearchBody {
    position: relative;
}

#quickSearchBar.collapsed #quickSearchBody,
#quickSearchBar.animating:not(.left) #quickSearchBody{
    left: -200px;
}

#quickSearchBar.animating #quickSearchBody {
    transition: transform .5s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease-in-out;
}

#quickSearchBar.animating.left #quickSearchBody {
    transform: translate3d( -200px, 0, 0 );
    -webkit-transform: translate3d( -200px, 0, 0 );
}

#quickSearchBar.animating.right #quickSearchBody {
    transform: translate3d( 200px, 0, 0 );
    -webkit-transform: translate3d( 200px, 0, 0 );
}

#quickSearchBar h2 {
    padding: 15px 0 5px 0 !important;
    font-weight: bold;
    font-size: 13px;
}

div.quickSearchList ul {
    line-height: 1.95em;
    list-style-type: none !important;
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
}

body.isTablet div.quickSearchList ul {
    font-size: 12px;
}

body.isTablet div.quickSearchList ul li {
    padding: 10px 10px 0 10px;
}

body.isTablet div.quickSearchList ul.dropdown-menu li {
    padding: 0;
}

body.isTablet div.quickSearchList ul.dropdown-menu li a {
    padding: 5px 15px 10px 15px;
}

/* end quick search panel */

/* begin artist search bar */

#toggleSearchBarContainer {
    position: relative;
    display: inline-block;
    width: 575px;
}

#openSearchBar {
    display: block;
    position: relative;
}

#openSearchBarText {
    position: absolute;
    top: 48px;
    left: 17px;
}

#closeSearchBar {
    display: inline-block;
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #0099CC;
    margin-bottom: 10px;
}

#closeSearchBar a {
    display: inline-block;
    position: relative;
    top: 10px;
    background: white;
    padding: 0 8px 0 0;
}

#SearchBarBar.collapsed {
    width: 10px;
}

#SearchBarBar.collapsed #SearchBarBody {
    display: block;
}

#SearchBarBar.collapsed #openSearchBar {
    display: block;
}

#SearchBarBar.collapsed #closeSearchBar {
    display: none;
}

#SearchBarBody {
    position: relative;
}

#SearchBarBar.collapsed #SearchBarBody,
#SearchBarBar.animating:not(.left) #SearchBarBody{
    left: -200px;
}

#SearchBarBar.animating #SearchBarBody {
    transition: transform .5s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease-in-out;
}

#SearchBarBar.animating.left #SearchBarBody {
    transform: translate3d( -200px, 0, 0 );
    -webkit-transform: translate3d( -200px, 0, 0 );
}

#SearchBarBar.animating.right #SearchBarBody {
    transform: translate3d( 200px, 0, 0 );
    -webkit-transform: translate3d( 200px, 0, 0 );
}

/* end artist search bar */

/* Auction Landing Page */

div.auctionLandingContainer {
}

div.auctionLandingContainer div.post {
    float: left;
    text-align: center;
    width: 135px;
    height: 159px;
}

div.auctionLandingContainer a.artistNameUnderPainting {
    display: block;
    font-size: 9px;
    padding-right: 20px;
}

/* auction landing page panels */

.landingPageAnchor, .landingPageAnchor a {
    font-size: 20px;
    font-weight: bold;
    padding: 18px 0 15px 0;
}

.securePayPalPayments {
    font-size: 18px;
    line-height: 1.2em;
    color: #888;
    padding-bottom: 8px;
    margin-top: 15px;
    width: 90%;
    border-bottom: 1px dotted #999;
}

.securePayPalPayments.auctionLandingPage {
    margin-top: 50px;
}

.securePayPalPayments .payWith {
    display: block;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}

.securePayPalPayments .fa-paypal {
    font-size: 20px;
    color: #0070ba;
}

.securePayPalPayments .paypal {
    font-size: 20px;
    font-weight: bold;
    color: #0070ba;
}

.viewAll {
    color: #DF6A23 !important;
}

/* up and down */
/* prev, next, prevPage and nextPage buttons */

div.scroller-nav {
    float: left;
    height: 45px;
    padding-top: 12px;
}

a.browse {
    display: block;
    width: 23px;
    height: 23px;
    cursor: pointer;
    font-size: 1px;
    float: left;
}

a.up, a.down {
    background: url(vert_small.png) no-repeat;
}

/* up */
a.down {
    margin-right: 5px;
}

a.down:hover {
    background-position: -23px 0;
    margin-right: 5px;
}

a.down:active {
    background-position: -45px 0;
}

/* down */
a.up {
    background-position: 0 -23px;
}

    a.up:hover {
        background-position: -23px -23px;
    }

    a.up:active {
        background-position: -45px -23px;
    }

#aboutDpwContainer {
    width: 100%;
    margin: 0 0 80px 0;
    padding: 0;
}

#aboutDpwSubContainer {
    width: 700px;
    margin: 0 auto 0 auto;
    padding: 0;
}

#aboutDPWContainer p, #aboutDPWContainer h2 {
    padding-left: 20px;
}

#aboutDPWContainer ul {
    padding-top: 0;
    padding-left: 40px;
}

#aboutDPWContainer ul li {
    padding-top: 2px;
}

#aboutDpwSubContainer .aboutBioContainer {
    margin: 10px 0 10px 0;
}

#aboutDpwSubContainer img.aboutBio {
    float: left  !important;
    width: 150px !important;
    margin: 0 10px 10px 0;
}


#legalDpwContainer {
    width: 100%;
    margin: 0 0 80px 0;
    padding: 0;
}

#legalDpwSubContainer {
    width: 700px;
    margin: 0 auto 0 auto;
    padding: 0;
}

#legalDpwSubContainer p {
    margin: 5px 0 20px 0;
}

#legalDpwSubContainer h1, h2, h3 {
    line-height: 1.35em;
}

#legalDpwSubContainer h1 {
    font-size: 24px;
    margin: 30px 0 10px 0;
}

#legalDpwSubContainer h2 {
    font-size: 14px;
    margin: 15px 0 0 0;
}

/* foobar */
#socialshare {
    display: none;
}

.socialbox {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

#scrollToTopWrapper {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 998;
    pointer-events: none;
}

#scrollToTopButton {
    display: none;
    width: 200px;
    height: 25px;
    margin: 0 auto 0 auto;
    padding: 5px;
    text-align: center;
    border: 1px solid #7BAFC0;
    opacity: .6;
    background-color: #7BAFC0;
    border-bottom: none;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    pointer-events: all;
    cursor: pointer;
    z-index: 99999999;
}

#scrollToTopButton, #scrollToTopButton a {
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 16px;
    text-decoration: none;
}

body .isTablet #scrollToTopButton {
    height: 45px;
    font-size: 18px;
}

.scrollToTopButtonHover {
    background-color: #eeeeee !important;
    color: #7BAFC0 !important;
}

body.isTablet input#quickSearch-artistCombobox {
    margin-top: 5px;
}

body.isTablet input#quickSearch-artistCombobox {
    height: 28px;
    font-size: 15px;
    width: 200px !important;
    border: 1px solid #777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.centerWrap {
    float: right;
    position: relative;
    right: 50%;
}

.centerContent {
    float: right;
    position: relative;
    right: -50%;
}

.centerContent.topnav {
    right: -50%;
}

/* begin menu */

ul.menu {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
}

ul.menu li {
    float: left;
    position: relative;
    list-style: none;
    border-width: 0px;
    border-style: solid;
    border-color: #cccccc;
    margin-right: -4px;
    padding-right: 4px;
}

ul.menu li:last-child {
    border-width: 0px;
}

/* main level link */

ul.menu li a {
    text-decoration: none;
    float: left;
    display: block;
    padding: 0 0 4px 0;
    margin: 0;
}

ul.menu li a.topMenu.hasSubMenu {
    text-decoration: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    
    background: #efefef; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
    background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%); /* IE 10*/
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #eeeeee); /* for firefox 3.6+ */
    border: solid 1px #999;

    color: #09C;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, .1); */
}

ul.menu li.topMenu a.hasSubMenu {
    padding: 2px 4px 2px 6px;
    margin: -2px 0 4px 0;
}

ul.menu li.topMenu a.hasSubMenu.notTopMenu {
    margin: 0;
}

/* main level link */

/*
ul.menu li a img {
    padding: 0 0 0 4px;
}
*/

ul.menu span.nonLinkMenuItem {
    font-weight: bold;
    color: #e7e5e5;
    text-decoration: none;
    display: block;
    float: left;
    padding: 0 3px;
    margin: 0;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
}

/* sub levels link hover */
ul.menu ul li:hover a, ul.menu li:hover li a {
    background: none;
    border: none;
    color: #09C;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 4px;
}

ul.menu ul a:hover {
    /* for non-css3 browsers */
    background-position: 0% 0%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
    background-image: linear-gradient(180deg, #04acec 0%, #0186ba 100%) !important; /* IE 10*/
    /* for webkit browsers */
    /* for firefox 3.6+ */
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #0399d4 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

/* level 2 list */
ul.menu ul {
    text-align: left;
    z-index: 999;
    background: #efefef; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
    background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%); /* IE 10*/
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eeeeee)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #fff, #eeeeee); /* for firefox 3.6+ */
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    left: 10px;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0px 1px 3px #dddddd; /* IE 10*/
}

ul.menu ul li.menuSeparator > a {
    display: block;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #b4b4b4;
    padding-bottom: 7px !important;
    /* height: 18px; */
}

ul.menu ul li.dpw-orange a, ul.menu li.dpw-orange a, ul.menu li.dpw-orange a {
    color: #DF6A23;
}

ul.menu ul li:first-child {
    margin-top: 0px;
}

ul.menu ul li:last-child {
    margin-bottom: 0px;
}

/* begin menu */
ul.menu li:hover > ul {
    display: block;
}

ul.menu ul li {
    display: block;
    float: none;
}

/* change padding here for items in menu */
ul.menu ul a {
    font-weight: normal;
    /* text-shadow: 0 1px 1px rgba(255, 255, 255, .9); */
    display: block;
    float: none;
    padding: 4px 10px 4px 10px !important;
}

body.isTablet ul.menu ul a {
    padding: 6px 10px 6px 10px !important;
}

/* level 3+ list */
ul.menu ul ul {
    left: 100%;
    top: 0px;
}

ul.menu {
    display: inline-block;
}

html[xmlns] ul.menu {
    display: block;
}

* html ul.menu {
    height: 1%;
}

ul.menu .fa {
    position: relative;
    top: 2px;
    font-size: 1.5em;
}

/* end menu */

ul.plainList li {
    list-style: none !important;
    padding-bottom: 5px;
}

body.isTablet a.dropdownCellLink {
    padding-top: 3px;
    padding-left: 5px;
    overflow-y: visible;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #555555;
}

.textShadow {
    text-shadow: 1px 0 1px rgba(0, 0, 0, .3);
}

/* fix for box sizing change that Ext 4 makes to any page it is used in */
.foobar-wrapper *, #dpw_header * {
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -ms-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

/* begin buttons */

input[type=submit],
input[type=button]:not(.x-form-field),
.dpw-button,
button:not(.naked):not(.plain):not(.dpw-button-new):not(.x-btn-text):not(.ui-button):not(.x-btn-center):not(.x-tab-center):not(#paginationSearchLink):not(.pagination):not(.current):not(.carousel-button):not(.carousel-prev-next-button) {
    display: inline-block;
    background: #efefef; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
    background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%); /* IE 10*/
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #eeeeee); /* for firefox 3.6+ */
    border: solid 1px #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    min-height: 30px;
    color: #555;
    padding: 3px 10px 5px 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

a.dpw-button {
    min-height: unset;
}

input[type=submit].disabled,
input[type=button].disabled:not(.x-form-field),
.dpw-button.disabled,
button.disabled:not(.naked):not(.plain):not(.dpw-button-new):not(.x-btn-text):not(.ui-button):not(.x-btn-center):not(.x-tab-center):not(#paginationSearchLink):not(.pagination):not(.current) {
    color: #aaa;
    border: solid 1px #aaa;
}

a .dpw-button {
    min-height: unset;
}

button.dpw-button-new {
    display: inline-block;
    background: white;
    border: solid 1px #999;
    color: #555;
    padding: 8px 12px 10px 8px;
    margin-right: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px; /* text-shadow: black 0px 1px 1px; */
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

button.dpw-button-new:hover {
    -moz-box-shadow:
		0px 1px 10px #888888,
		inset 0px 0px 5px #eeeeee;
	-webkit-box-shadow:
		0px 1px 10px #888888,
		inset 0px 0px 5px #eeeeee;

    box-shadow: 0px 1px 10px #888888, 0px 0px 5px #eeeeee inset;
    
    color: #111111;
    border: 1px solid #999;
    
    text-decoration: none;
}

button.dpw-button-new:active {
    background: #ccc;
    -moz-box-shadow: inset 0px 0px 5px #eeeeee;
    -webkit-box-shadow: inset 0px 0px 5px #eeeeee;
    box-shadow: 0px 0px 5px #eeeeee inset; /* IE 10*/

    position: relative;
    top: 1px;
    left: 0px;
    color: white;
    border: 1px solid #555;
    text-decoration: none;
}

body.isTablet input[type=submit]:not(.x-form-field), body.isTablet input[type=button]:not(.x-form-field), body.isTablet .dpw-button,
body.isTablet button:not(.pagination):not(.plain):not(.x-btn-text):not(.ui-button):not(.x-btn-center):not(.x-tab-center) {
    padding: 10px !important;
    font-weight: bold;
}

input[type=submit]:not(.x-form-field):active, .dpw-button:not(.disabled):active,
button:not(.plain):not(.dpw-button-new):not(.pagination):not(.disabled):not(.x-btn-text):not(.ui-button):not(.x-btn-center):not(.x-tab-center):not(.current):not(.flickity-button):not(.carousel-prev-next-button):active {
    background: #eeeeee; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#999999'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#999999)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #eeeeee, #999999); /* for firefox 3.6+ */
    -moz-box-shadow: inset 0px 0px 5px #eeeeee;
    -webkit-box-shadow: inset 0px 0px 5px #eeeeee;
    position: relative;
    top: 1px;
    left: 0px;
    color: #111111;
    border: 1px solid #555;
    text-decoration: none;
    cursor: pointer;
}

input[type=submit]:not(.x-form-field):hover, input[type=button]:not(.x-form-field):hover,
.dpw-button:not(.disabled):hover,
button:not(.plain):not(.dpw-button-new):not(.pagination):not(.disabled):not(.x-btn-text):not(.ui-button):not(.x-btn-center):not(.x-tab-center):not(.current):not(.flickity-button):not(.carousel-prev-next-button):hover {
    -moz-box-shadow: 0px 1px 5px #888888, inset 0px 0px 5px #eeeeee;
    -webkit-box-shadow: 0px 1px 5px #888888, inset 0px 0px 5px #eeeeee;
    color: #111111;
    border: 1px solid #555;
    text-decoration: none;
}

body.ie a.dpw-button {
    border: 1px solid #555;
    background-image: url(buttonGradient.png);
    background-size: 28px 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #333333;
    padding: 3px 10px 5px 10px;
    margin-right: 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt; /* text-shadow: black 0px 1px 1px; */
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

body.ie a.dpw-button:not(.disabled):hover, body.notIE a.dpw-button:not(.disabled):hover {
    -moz-box-shadow: 0px 1px 10px #888888, inset 0px 0px 5px #eeeeee;
    -webkit-box-shadow: 0px 1px 10px #888888, inset 0px 0px 5px #eeeeee;
    color: #111111;
    border: 1px solid #444444;
    text-decoration: none;
}

body.ie a.dpw-button:not(.disabled):active {
    position: relative;
    top: 1px;
    left: 1px;
    color: #111111;
    border: 1px solid #555;
    text-decoration: none;
    cursor: pointer;
}

button.disabled, .dpw-button.disabled {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 1px solid #bbbbbb !important;
    background: #eee !important;
    color: #bbbbbb !important;
    text-shadow: none !important;
    cursor: default !important;
}

button.disabled:focus.dpw-button.disabled:focus {
    outline: 0 !important;
}

.dpw-button .fa {
    position: relative;
    top: 2px;
    font-size: 1.5em;
    line-height: 14px;
}

body.ie a.dpw-button.disabled:active, .dpw-button.disabled:active {
    top: 0;
    left: 0;
}

/* end buttons */

#bottomPaginationContainer {
    margin-bottom: 65px;
}

ul.dropdownList {
    text-align: left;
    z-index: 500;
    background: #efefef; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #fff, #cfcfcf); /* for firefox 3.6+ */
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    padding: 5px 0 5px 0;
}

ul.dropdownList li a.listItem {
    font-weight: normal;
    font-size: 16px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
    display: block;
    float: none;
    padding: 10px 10px 8px 10px !important;
}

ul.dropdownList li:last-child a.listItem {

    padding-bottom: 8px !important;
}

ul.dropdownList li a.listItem.active:hover {
    background: #0399d4 !important; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #04acec, #0186ba) !important; /* for firefox 3.6+ */
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

ul.dropdownList li a.listItem.inActive, ul.dropdownList li a.listItem.inActive:hover {
    visibility: visible !important;
    color: #888888 !important;
    cursor: default;
}

ul.dropdownList li a.listItem.inActive img {
    opacity: 0.5;
}

/* clearfix */
ul.dropdownList:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

* html ul.dropdownList {
    height: 1%;
}

/* begin shopping cart */

#shoppingCartText .fa-shopping-cart {
    position: relative;
    top: -3px;
    margin-left: 10px;
    font-size: 40px !important;
}

#shoppingCartText {
    top: -3px;
    font-size: 16px;
}

/* end shopping cart */

/*
* Gallery Categories
*/

#manageGalleryLinkContainer {
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
}

#categoriesContainer {
    display: inline-block;
    width: 100%;
    visibility: hidden;
    padding-bottom: 100px;
}

/* default */

.categoryContainer {
    float: left;
    text-align: center;
}

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

.categoryName {
    text-decoration: none;
    text-align: center;
    font-size: 13pt;
    margin: 6px 0 1px 0;
    white-space: normal;
}

.categoryName.top {
    display: none;
    padding-bottom: 10px;
}

.categoryName.bottom {
    display: block;
}

.rotateControls {
    display: none;
    position: absolute;
    bottom: 15px;
    right: 10px;
    background-color: white;
    color: #0099CC;
    padding: 5px;
    border: 1px solid #555;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 4px;
}

/* nameTop */

.categoryContainer.nameTop .categoryName.top {
    display: block;
}

.categoryContainer.nameTop .categoryName.bottom {
    display: none;
}

.showOverflow .x-window-body, .showOverflow .x-window-bwrap,
.showOverflow .x-panel, .showOverflow .x-panel-wrap, .showOverflow .x-panel-bwrap,
.showOverflow .x-tab-panel, .showOverflow .x-panel-body, .showOverflow .x-panel-ml,
.showOverflow .x-panel-mr, .showOverflow .x-tab-panel-bwrap, .showOverflow .x-tab-panel-body {
    overflow: visible !important;
}

#categoriesGrid .x-grid3-row {
    cursor: n-resize;
    height: 60px;
}

#categoriesGrid .x-grid3-scroller {
    position: static;
}

#availableCannedCategoriesGrid .x-grid3-row-checker {
    background-image: url(https://s3.amazonaws.com/prod.squished.css/row-radio-sprite.gif);
}

#availableCannedCategoriesGrid.multiple .x-grid3-row-checker {
    background-image: url(https://s3.amazonaws.com/prod.squished.css/row-check-sprite.gif);
}

/*
    Gallery Pages
*/

#poweredByDPW {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1100;

    padding: 0 0 10px 15px;
    font-size: 9px;
    color: #999;
}

#poweredByDPW a {
    text-decoration: underline;
    color: #777;
    font-size: 12px;
}

button#addArtWork {
    position: fixed;
    bottom: 20px;
    right: 40px;
    padding: 0;
    z-index: 1100;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    border-style: none;
    background: red;
    opacity: 0.70;
    box-shadow: 0 0 4px rgba(0,0,0,.24), 0 4px 8px rgba(0,0,0,.38);
    cursor: pointer;
}

button#addArtWork:hover {
    opacity: 1;
}

button#addArtWork:active {
    opacity: 1;
    box-shadow: none;
}

button#bulkAddArtWork {
    position: fixed;
    bottom: 80px;
    right: 40px;
    padding: 0;
    z-index: 1100;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    border-style: none;
    background: red;
    opacity: 0.70;
    box-shadow: 0 0 4px rgba(0,0,0,.24), 0 4px 8px rgba(0,0,0,.38);
    cursor: pointer;
}

button#addArtWork.artTracking {
    bottom: 60px;
    right: 70px;
}

button#bulkAddArtWork.artTracking {
    bottom: 120px;
    right: 70px;
}

button#bulkAddArtWork .fa-clone {
    position: absolute;
    top: 11px;
    left: 11px;
    font-size: 26px;
    color: white;
}

button#bulkAddArtWork .fa-plus {
    position: absolute;
    top: 19px;
    left: 21px;
    font-size: 16px;
    color: white;
}

button#bulkAddArtWork:hover {
    opacity: 1;
}

button#bulkAddArtWork.artTracking:active {
    opacity: 1;
    box-shadow: none;
    bottom: 121px;
    right: 71px;
}

button#bulkAddArtWork:active {
    opacity: 1;
    box-shadow: none;
    bottom: 80px;
    right: 40px;
}

#gallerySocialContainer {
    position: relative;
    min-width: 164px;
    text-align: right;
    margin: 8px 10px 0 0;
}

#pagesGrid .x-grid3-row {
    cursor: n-resize;
}

.memberSignin {
    font-weight: normal !important;
    color: #bbbbbb !important;
    position: relative;
    top: -5px;
    padding-left: 15px;
}

/* begin events page */

#eventsContainer {
    padding: 5px 0 35px 0;
    width: 825px;
    margin: 15px auto 0 auto;
}

.eventContainer {
}

img.eventImage {
    float: left;
    width: 275px;
    margin: 0 20px 0 0;
}

a.editEvent, a.editItem, a.deleteEvent, a.manageEvent, a.deleteItem {
    font-size: 12px;
}

a.editEvent img, a.editItem img, a.deleteEvent img, a.manageEvent img, a.deleteItem img {
    position: relative;
    top: 2px;
}

.eventInfoContainer {
    float: left;
    width: 500px;
}

.eventName {
    font-size: 22px;
    line-height: 1.5em;
    padding: 0 0 6px 0;
    border-bottom: 1px dotted #cccccc;
}

.eventDateAndLocation {
    padding: 5px 0 0 0;
}

.eventDescription {
    color: #777777;
    padding: 10px 0 0 0;
    line-height: 1.35em;
}

.eventDate .eventLocation {
    position: relative;
    top: -3px;
}

.eventLinks {
    margin-top: 10px;
}

.eventLinks a.nav {
    font-weight: bold;
}

.eventLinks img.imageDown {
    position: relative;
    top: 2px;
    padding: 0 3px 0 0;
}

.eventAddressAndMapCaption {
    font-size: 15px;
    padding: 0 0 6px 0;
    margin-bottom: 15px;
    border-bottom: 1px dotted #cccccc;
}

.eventAddress {
    font-size: 12px;
    line-height: 1.25em;
    color: #777777;
    padding: 0 0 0 10px;
}

.eventLocationName {
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    padding: 0 0 7px 0;
}

.eventCityStateCountry {
    font-weight: bold;
}

.eventMap {
    border: 1px solid #888888;
    margin: 10px 4px 2px 2px;
    clear: both;
}

.eventMapCaption {
    font-size: 9px;
    font-style: italic;
    float: right;
    margin: 0 5px 3px 0;
}

.bottomOfEvent {
    clear: both;
    padding: 0 0 50px 0;
}

/* end events page */

#itemsGrid .x-grid3-row {
    cursor: n-resize;
    height: 60px;
}

#itemsContainer {
    display: inline-block;
    padding: 20px;
    margin: 0 0 30px 0;
}

#itemsContainer > .itemContainer {
    padding: 20px;
    margin: 0 10px 20px 10px;
    width: 375px;
    text-align: center;
    border: 1px solid #aaa;
    box-sizing: border-box;
}

div.itemImageContainerZoom {
    display: inline-block;
    position: relative; 
    box-sizing: border-box;
    box-sizing: border-box;
}

div.itemImageContainerNoZoom {
    display: none;
}

body.isTablet div.itemImageContainerZoom {
    display: none;
}

img.itemImage {
}

.itemDescription {
    color: #555555;
    font-size: 14px;
    padding: 10px 0 0 0;
    line-height: 1.4em;
}

.buySectionContainer {
    padding: 10px 0 0 0;
}

a.itemBuyUrl {
    color: #DF6A23 !important;
    font-size: 17px;
}

.itemBuyUrl a:hover {
    color: #0099CC !important;
}

a.editItem, a.editItem, a.deleteItem {
    font-size: 12px;
}

.itemInfoContainer {
    text-align: left;
}

.itemName {
    font-size: 22px;
    line-height: 1.5em;
    padding: 0 0 6px 0;
    width: 350px;
}

.itemInfoContainer .itemNumber {
    font-size: 11px;
    padding: 0 0 10px 0;
}

.itemPriceAndShippingContainer {
    margin: 0 0 5px 0;
    width: 350px;
    box-sizing: border-box;
}

.itemShipping table {
    width: 100%;
    margin: 5px 0 0 0;
}

.itemShipping .howShipped {
    padding: 10px 0 0 0;
}

.itemShipping .buyersShippingRegion {
    border-top: 1px dotted #aaa;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.itemShipping .returnPolicy {
    border-top: 1px dotted #aaa;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.itemPrice, .itemPrice b {
    font-size: 15px;
    font-weight: bold;
    color: #b12704;
}

.itemOutOfStock {
    font-size: 15px;
    font-weight: bold;
    color: #b12704;
}

.qtyOnHandLow {
    padding: 0 0 10px 0;
    font-size: 15px;
    font-weight: bold;
    color: #008a00;
}

.itemDateAndLocation {
    padding: 5px 0 0 0;
}

/* begin item shopping cart */

body.itemShoppingCart {
    background-color: #ffffff;
    margin-left: 12px !important;
}

.shoppingCartWrapper {
    width: 100%;
    text-align: center;
    margin: 25px 0 15px 0;
}

.shoppingCartWrapper .shoppingCart {
    display: inline-block;
}

#itemShoppingCartPage #messageContainer {
    float: left;
    border: 1px dotted #cccccc;
    width: 390px;
    font-size: 13px;
    line-height: 1.5em;
    padding: 10px;
    margin: 0 10px 10px 0;
}

#itemShoppingCartPage #instructionsContainer {
    border: 1px dotted #b12704;
    font-size: 16px;
    line-height: 1.5em;
    padding: 10px;
    margin: 0 10px 10px 0;
}

#itemShoppingCartPage #itemShoppingCartButtonContainer {
    float: right;
    margin: 0 15px 10px 0;
    width: 260px;
}

#itemShoppingCartButtonContainer button#checkout {
    float: left;
    color: #b12704;
    font-weight: bold;
}

#itemShoppingCartButtonContainer button#continueShopping {
    float: right;
}

#itemShoppingCartButtonContainer button#completeCartPurchase {
    float: left;
    color: #b12704;
    font-weight: bold;
}

#itemShoppingCartPage #salesTaxValue {
    color: #b12704;
}

#itemShoppingCartButtonContainer button#cancelCartPurchase {
    float: right;
}

#itemShoppingCartTotals {
    margin-bottom: 10px;
}

#itemShoppingCartTotals table {

}

#itemShoppingCartTotals tr td:first-child {
    width: 70px;
}

#itemShoppingCartTotals tr td:nth-child(2){
    width: 150px;
}

#itemShoppingCartPage a.removeFromCartIcon {
    text-decoration: none;
}

#itemShoppingCartPage #shoppingCartIcon {
    display: inline-block;
    font-size: 45px;
}

#itemShoppingCartPage a.removeFromCartIcon span {
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 35px;
    color: #555;
}


select.artistItemQty, button.artistItemAddToCart {
    font-size: 14px;
    padding: 4px 6px 4px 6px;
}

#itemShoppingCartPage #itemShoppingCartHeading {
    text-align: center;
    width: 100%;
    font-size: 25px;
    font-weight: bold;
}

#itemShoppingCartPage #itemShoppingCartContainer {
    clear: both;
    padding: 0 15px 0 0;
}

td.cartItemImage {
    padding: 5px;
}

img.cartItemImage {
    width: 100px;
}

td.cartItemQty img.helpIcon {
    position: relative;
    top: -2px;
    cursor: pointer;
}

.ui-tooltip {
    font-size: 12px;
    line-height: 1.5em;
}

td.cartItemQty select.isQtyAdjusted {
    font-weight: bold;
    color: red;
    border: 2px solid red;
}

/* end item shopping cart */

/* begin item order */

#artistItemOrderPage {
    width: 100%;
    text-align: center;
}

#artistItemOrderHeader {
    display: inline-block;
}

#artistItemOrderThankYou {
    padding: 10px 10px 0 10px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

#artistItemOrderMessage {
    padding-top: 10px;
    width: 100%;
    text-align: center;
}

#artistItemOrderContainer {
    clear: both;
    padding: 15px 0 0 0;
}

#artistItemOrderLeftColumn {
    margin: 0 0 15px 0;
    width: 49%;
    float: left;
}

#artistItemOrderRightColumn {
    margin: 0 0 15px 0;
    width: 49%;
    float: right;
}

.artistItemOrderDate {
    border: 1px dotted #555555;
    padding: 2px 2px 4px 10px;
    margin: 0 0 10px 0;
    text-align: left;
}

#artistItemOrderNumber {
    border: 1px dotted #555555;
    padding: 2px 2px 4px 10px;
    margin: 0 0 10px 0;
    text-align: left;
}

#artistItemOrderTotalsContainer {
    border: 1px dotted #555555;
    padding: 0 0 15px 0;
    height: 120px;
}

#artistItemOrderAddressContainer {
    border: 1px dotted #555555;
    padding: 0 0 15px 0;
    width: 100%;
    height: 120px;
}

#artistItemOrderAddressHeader {
    border-bottom: 1px dotted #555555;
    padding: 2px 2px 4px 10px;
    font-weight: bold;
    text-align: left;
}

#artistItemOrderTotalsHeader {
    border-bottom: 1px dotted #555555;
    padding: 2px 2px 4px 10px;
    font-weight: bold;
    text-align: left;
}

#artistItemOrderAddress {
    padding: 5px 0 15px 15px;
    line-height: 1em;
    text-align: left;
}

td.orderItemImage {
    text-align: left;
    padding: 5px;
}

.orderItemImage {
    width: 75px;
}

/* end item order */

button::-moz-focus-inner {
    padding: 0 0 0 0;
    border: 0;
}

.absoluteCenter {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ext-gecko .x-window-body .x-form-item {
    overflow: visible !important;
}

.emailRow {
    display: none;
}

table.flatReport {
    border: 1px solid #888888;
    color: #333333;
}

table.flatReport.child {
    border: none;
    color: #777;
}

table.flatReportTotals {
    padding-top: 5px;
}

table.flatReportTotals.child {
    border-top: 2px solid #888888;
}

table.flatReport tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

table.flatReport tr:last-child td:last-child {
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

table.flatReport tr.header {
    font-weight: bold;
    color: #eeeeee;
    background: #555555;
}

table.flatReport tr.header.light {
    font-weight: bold;
    color: #333;
    background: #fff;
}

table.flatReport tr.row:nth-child(2n+1) {
    background: #efefef;
}

table.flatReport tr.row:nth-child(2n) {
    background-color: #fff;
}

table.flatReport td.header {
    box-sizing: border-box;
    vertical-align: bottom;
    padding: 5px;
}

table.flatReport td.row {
    box-sizing: border-box;
    vertical-align: top;
    padding: 5px;
}

table.flatReport td.row.middle {
    vertical-align: middle;
}

table.flatReport tr:not(:first-child) td.row {
    border-color: #888888;
    border-style: solid;
    border-width: 1px 0 0 0;
}

table.flatReportTotals td.row {
    box-sizing: border-box;
    padding: 0 5px 0 5px;
}

table.flatReport td.left, table.flatReportTotals td.left {
    text-align: left;
}

table.flatReport td.center, table.flatReportTotals td.center {
    text-align: center;
}

table.flatReport td.right, table.flatReportTotals td.right {
    text-align: right;
}

table.flatReport td.first, table.flatReportTotals td.first {
    padding-left: 10px;
}

table.flatReport td.last, table.flatReportTotals td.last {
    padding-right: 15px;
}

#sideMenu {
    display: none;
}

#mobileGalleryHeader {
    display: none;
}

.popupCurrencyConverter {
    display: none;
}

a.currencyConverterWidget {
    display: inline;
    border: 1px solid;
    padding: 1px 4px 1px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.currencyConverterWidget span {
    font-size: 12px;
}

/* begin popup */

html.popup, body.popup {
    margin-left: 0px !important;
    margin-top: 3px !important;
    margin-right: 0px !important;
}

body:not(.outOfPopup).popup.isTablet {
    width: 500px !important;
}

body.popup #popupHeaderContainer
{
    margin: 0 0 10px 0;
}

body.popup div#popupContainer {
    position: relative;
    margin-left: 0px;
    margin-right: -20px;
    width: 100% !important;
    height: auto !important;
}

a.searchnav, button.searchnav, button.datenav {
    display: inline-block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    padding: 10px 10px;
    text-align: center;
    color: #777777 !important;
    border: 1px solid #777777;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

body.popup.outOfPopup a.searchnav, 
body.popup.outOfPopup button.searchnav,
button.datenav {
    display: none;
}

.searchnav:hover, .datenav:hover {
    background: #888888 !important;
    color: #ffffff !important;
    cursor: pointer;
}

.datenav a:link {
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}

.datenav a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}

.datenav a:active {
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}

.datenav a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #333333;
}

body.popup .popupDate {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #888888;
    font-style: italic;
    padding: 0px;
}

body.popup .popup-artistName {
    font-size: 14pt;
    padding-bottom: 4px;
    font-weight: bold;
}

body:not(.isTablet).popup .otherPosts {
    position: relative;
    width: 850px;
    margin: 0 auto 0 auto;
    z-index: -1;
}

body.popup .otherPosts div {
    margin: 6px;
    display: block;
    float: left;
}

body.popup div.popupInfoContainer {
    width: 99%;
    clear: both;
}

body:not(.isTablet).popup.outOfPopup div.popupInfoContainer {
    width: 930px;
}

body.popup div.popupImageContainer {
    box-sizing: border-box;
    float: left;
    width: 52%;
    padding-left: 10px;
    padding-right: 10px;
}

body.popup div.mainImageContainer, body.popup div.altImageContainer {
    display: inline-block;
    position: relative;
    margin: 5px;
}

body.popup div.popupDetailsContainer {
    box-sizing: border-box;
    float: left;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    width: 48%;
}

body.popup img.redDot {
    position: absolute;
    bottom: 28px;
    right: 15px;
    z-index: 9999;
}

body.popup img.redDot.noZoom {
    bottom: 12px;
}

body.popup div.postArtistNameContainer, div.postTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #666666;
    font-weight: normal;
    text-align: center;
}

body.popup .popupNameAndTitleContainer {
    float: left;
    width: 70%;
    padding: 0 15px 0 15px;
}

body.popup.outOfPopup .popupNameAndTitleContainer {
    width: auto;
}

body.popup .postDescriptionContainer {
    display: block;
    padding-top: 7px;
    padding-bottom: 0px;
    margin-top: 7px;
    border-top: 1px solid #dddddd;
    width: 420px;
    position: relative;
    overflow-y: visible;
}

body.popup.outOfPopup .postDescriptionContainer {
    display: none;
}

body.isTablet.popup .otherPosts {
    overflow: hidden;
    padding: 10px 20px 0 20px;
    margin-bottom: 50px;
}

body.popup .buyLinkContainer,
body.popup .visitArtistContainer {
    padding-top: 5px;
    padding-bottom: 7px;
}

body.popup #postDescriptionContainerOutOfPopup {
    overflow: auto;
    display: none;
    padding: 10px 0 0 0;
    text-align: left;
    border-top: 1px solid #dddddd;
    margin: 15px auto 30px auto;
}

body:not(.isTablet).popup #postDescriptionContainerOutOfPopup {
    width: 850px;
}

body.isTablet.popup #postDescriptionContainerOutOfPopup {
    padding: 10px 20px 0 20px;
}

body.popup.outOfPopup #postDescriptionContainerOutOfPopup {
    display: block;
}

.postShipping table {
    padding: 5px 0 5px 0;
    margin: 12px 0 8px 0;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    width: 100%;
    line-height: 1.75em;
}

img#toptitle {
    width: 320px;
}

.clear {
    clear: both;
}

body.isTablet.popup:not(.outOfPopup) div.popupImageContainer
{
    float: none;
    width: 100%;
    margin-top: 25px;
}

body.isTablet.popup:not(.outOfPopup) div.popupDetailsContainer
{
    float: none;
    width: 90%;
    padding: 15px 0 50px 0;
}

#swipePromptContainer {
    position: absolute;
    width: 100%;
    top: 100px;
    text-align: center;
    z-index: 999;
}

#swipePrompt {
    display: inline-block;
    font-size: 42px;
    font-weight: bold;
    color: #333;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 300px;
    height: 55px;
    border: none;
    border-radius: 30px;
    background: white;
    background: hsla(0, 0%, 100%, 0.85);
    opacity: 0;
    
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

#swipePrompt.show {
    opacity: .6;
}

#swipePrompt.hide {
    opacity: 0;
}

/* end popup */

/* begin image tools */

a.rotateImage {
    display: inline-block;
    font-size: 16px;
}

a.deleteImage {
    display: inline-block;
    font-size: 16px;
    padding: 5px 5px 0 0;
}

a.downloadImage {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 0 0 5px;
    font-size: 20px;
}

a.rotateImage.ccw {
    margin: 0 5px 0 5px;
}

a.rotateImage.cw {
    display: inline-block;
    padding: 5px 5px 0 0;
    font-size: 16px;
}

/* end image tools */

/* begin comments */

.commentsPage {
    padding: 10px 10px 10px 10px;
}

#commentsContainer {
    width: 92%;
}

.commentsHeader  {
    padding: 10px 0 10px 0;
    font-size: 16px;
    word-spacing: normal;
    letter-spacing: normal;
}

#commentsCollapsible > div {
    height: 435px;
    overflow-y: auto;
}

#commentsArtworkImageCollapsible div {
    text-align: center;
}

#commentsArtworkImageCollapsible div.MagicZoomPlus-container {
    display: inline-block;
}

#commentsAddCollapsible textarea {
    margin-bottom: 10px;
}

/* end comments */

/* begin artwork checkout */

#artworkCheckoutForm button#payWithPayPal,
#artworkCheckoutForm button#payWithStripe {
    font-size: 16px !important;
    font-weight: bold !important;
    font-weight: bold !important;
    padding: 10px !important;
    width: 100%;
}

#artworkCheckoutInfo {
}

#doesNotShipMessage {
    font-size: 18px;
    font-weight: bold;
    color: #df6a23;
}

#artworkCheckoutInfo table {
    width: 100%;
    padding: 10px;
}

.artworkCheckoutImage {
    padding: 10px 0 0 0;
}

.savedCardBrand {
    font-weight: normal;
    color: #777;
    padding: 0 10px 0 0;
}

.savedCardNumber {
    font-weight: bold;
    padding: 0 10px 0 0;
}

.savedCardExpiration {
    font-weight: normal;
    color: #777;
}

.savedCardDelete {
    font-size: 18px;
}

.cardSelectionTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px dotted #777;
}

/* end artwork checkout */

/* begin complete purchase */

#completeYourPurchaseContainer {
    width: 600px;
    padding: 15px;
    line-height: 1.75em;
}

#postPurchaseInfo {
    float: left;
}

    #postPurchaseInfo table {
        width: 350px;
        padding: 10px;
    }

.postPurchaseImage {
    overflow: hidden;
    padding: 10px 0 0 20px;
}

#postPurchaseButtonContainer {
    clear: both;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

/* end complete purchase */

/* begin thank you for your purchase */


#justPurchasedArt {
    width: 600px;
    padding: 15px;
    line-height: 1.75em;
}

/* end thank you for your purchase */

/* begin non artwork checkout */

#itemList {
    height: 300px;
}

#itemList .deleteCell {
    text-align: center;
    font-size: 24px !important;
    padding: 0 10px 0 10px !important;
}

#itemList .deleteCell .fa {
    font-size: 24px;
}

#itemList .itemListRow {
    height: unset;
    padding: 10px 0 10px 0;
    font-size: 14px;
}

#itemList .listCell {
    height: unset;
    top: 0;
    transform: none;
}

#itemList .cellGroup0,
#itemList .cellGroup1,
#itemList .cellGroup2 {    
    height: unset;
    top: 0;
    transform: none;
}

#itemList .itemNameCell {
    width: 200px;
    font-weight: bold;
    padding-left: 10px;
}

#itemList .domainNameCell {
    width: 300px;
    font-weight: normal;
    padding-left: 10px;
}

#itemList .artistNameCell {
    width: 100px;
    padding-left: 10px;
}

#itemList .priceCell {
    float: right;
    min-width: 75px;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
}

#itemList select.artistItemQty {
    float: right;
    min-width: 50px;
    text-align-last: right;
}

#itemList select.artistItemQty.qtyIsAdjusted {
    font-weight: bold;
    color: red;
    border-color: red;
    border-width: 2px;
}

#itemList select.artistItemQty option {
    direction: rtl;
}

button.artByteContinueShopping {
    color: #DF6A23 !important;
}

/* end non artwork checkout */
div#viewMobileWebsite {
    clear: both;
    text-align: center;
    padding: 35px 0 0 0;
}

div#viewMobileWebsite button {
    font-size: 25px !important;
    color: #555;
    font-weight: bold;
    padding: 10px;
}

    body.isTablet div#viewMobileWebsite {
    clear: both;
    text-align: center;
    padding: 35px 0 25px 0;
}

body.isTablet div#viewMobileWebsite button {
    font-size: 20px !important;
    padding: 5px;
}

body.popup .social-media {
    position: relative;
    display: block;
    width: auto;
    z-index: 200;
    height: 26px;
}

body.popup #fb_like_bottom {
    position: absolute;
}

body.popup #fb_like_bottom .fb_iframe_widget_lift {
    top: -170px;
    left: -185px !important;
    background-color: #f2f2f2;
    border: 1px solid #bdc7d8 !important;
    margin: -5px;
    padding: 4px;
}

#searchAndPagination.searchArt #paginationContainer,
#searchAndPagination.featuredArtist #paginationContainer,
#searchAndPagination.auctions #paginationContainer,
#searchAndPagination.artistSearch #paginationContainer {
    white-space: nowrap;
}

#searchAndPagination.myPicks #paginationContainer,
#searchAndPagination.selling #paginationContainer {
    padding: 10px 0 0 0;
}

#searchAndPagination.featuredArtist #paginationContainer {
    padding: 20px 0 0 0;
}

.pagination span.fa {
    font-family: FontAwesome !important;
    font-size: 13px !important;
}

#mainPageMessageContainer {
    clear: both;
    width: 100%;
    color: #999999;
    padding: 14px 0 0 0;
}

#mainPageMessage {
    width: 450px;
    margin: 0 auto;
}

#auctionLimitMessageContainer {
    display: none;
    clear: both;
    width: 100%;
    color: #999999;
    padding: 14px 0 0 0;
}

#auctionLimitMessage {
    width: 450px;
    margin: 0 auto;
}

/* Auctions */

#auctionPageContainer {
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #666666;
    white-space: normal;
    width: 100%;
}

#auctionHeadingContainer {
    margin: 10px auto 0px auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #666666;
    white-space: normal;
    width: 850px;
}

#auctionHeadingArtistNameContainer {
    float: left;
    width: 450px;
    padding-bottom: 10px;
}

#auctionHeadingLogoContainer {
    float: right;
}

#auctionContainer {
    text-align: center;
    width: 100%;
    margin: 20px 0 0 0;
}

#auctionLargeImagesContainer {
}

#auctionImagesContainer {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 10px 0 30px 0;
}

#auctionContainer #auctionInfoContainer {
    display: inline-block;
    text-align: left;
    width: 410px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
}

#placeBidButton, #buyItNowButton {
    width: unset;
}

#postDescriptionContainer,
#auctionNotesContainer,
#auctionAttributesContainer
{
    width: 700px;
    margin: 20px auto 0 auto;
    text-align: left;
    font-size: 15px;
    line-height: 1.5em;
}

#auctionContainer #buyItNowContainer {

}

#bidContainer {
    text-align: left;
    background-color: #f2f2f2;
    width: 420px;
    padding: 10px;
}

#bidContainer .formLabel {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    margin: 5px 0 5px 0;
}

#bidContainer .formField {
    display: inline-block;
    width: 250px;
    margin: 5px 0 5px 0;
}

#bidContainer .fa-question-circle {
    font-size: 18px;
}

#auctionVisitArtist {
    margin: 10px 0 10px 0;
}

#bidContainer #signInContainer {
    margin: 10px 0 10px 20px;
}

.helpContainer {
    width: 600px;
    box-sizing: border-box;
    color: #555 !important;
    padding: 10px !important;
}

.helpContainer.ui-dialog-content {
    padding: 0 30px 0 30px !important;
}

.helpContainer p {
    font-size: 15px;
    line-height: 1.5em !important;
}

#newBidInput input[type=text] {
    width: 200px;
}

#newBidInput {
    border-style: solid;
    border-color: #DF6A23;
    border-width: 1px;
    background-color: #ffffff;
    width: 100px;
    text-align: right;
    color: #555555;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}

#newBidIndicator {
    background-color: red !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 4px;
    color: white;
    padding: 0px 7px 1px 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt; /* text-shadow: black 0px 1px 1px; */
    font-weight: normal;
}

.auctionTitle {
    font-size: 18px;
    font-style: italic;
}

#auctionContainer .artistName {
    line-height: 36px;
}

.dpwPayPalBuyLink {
    font-size: 18px;
}

/* Current Auctions - other auctions by */
.otherAuctions {
    padding: 15px 10px 15px 10px;
    position: relative;
    float: left;
    width: 850px;
}

.otherAuctions div {
    margin: 6px;
    display: block;
    float: left;
}

img.post.selected {
    border: 2px solid #DF6A23 !important;
    padding: 2px !important;
}

.auctionInfoSet:after {
    content: "";
    display: table;
    clear: both;
}

.auctionInfoSet {
}

.auctionInfoLabel {
    display: inline-block;
    float: left;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    padding: 0 10px 0 0;
}

.auctionInfoLabel.alignTop {
    display: block;
    font-weight: bold;
    width: 125px;
    text-align: right;
}

.auctionInfoLabel.alignRight {
    text-align: right;
}

.auctionInfoLabel.sameLine {
    display: inline-block;
    float: left;
}

.auctionInfoLabel.emphasize {
    font-style: italic;
}

.auctionInfoValue.emphasize {
    font-style: italic;
}

#auctionNotes .auctionInfoValue {
    width: 650px;
}

.wrapChildren:after {
    content: "";
    display: table;
    clear: both;
}

/* begin simpleForm */

.simpleFormWrapper {
    text-align: center;
    width: 100%;
    margin: 40px 0 0 0;
}

.simpleFormContainer {
    display: inline-block;
    padding-bottom: 10px;
    text-align: left;
}

.simpleFormInfoContainer {
    text-align: left;
    vertical-align: top;
    margin: 0 auto 0 auto;
}

.simpleFormFieldContainer input[type="text"],
.simpleFormFieldContainer input[type="textarea"],
.simpleFormFieldContainer input[type="password"] {
    margin-bottom: 10px;
    font-size: 14px;
}

.simpleFormFieldContainer,
.simpleFormButtonContainer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.simpleFormButtonContainer input,
.simpleFormButtonContainer button {
    margin: 0 10px 0 10px !important;
    font-size: 14px;
}

#uncancelContainer {
    display: inline-block;
    text-align: left;
    width: 300px;
    padding: 5px;
}

/* end simpleForm */

#accountCancelledTile {
    width: 500px;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 25px;
    margin-top: 20px;
    margin-bottom: 100px;
}

/* begin logon, registration, and password reset forms */
#logonContainer {
    width: 400px;
}

#logonContainer #registerLink,
#logonContainer #forgotPasswordLink {
    display: inline-block;
    padding: 0 0 0 15px;
}

#logonContainer,
#resetPasswordContainer,
#registrationContainer,
#logonContainer .formLabel,
#resetPasswordContainer .formLabel,
#registrationContainer .formLabel,
#registrationContainer .newDropdownHeaderText {
    font-size: 14px !important;
}

#logonContainer input[type=text],
#logonContainer .showPasswordWrapper
{    
    width: 100%;
}

#logonContainer input,
#resetPasswordContainer input,
#registrationContainer input
{
    font-size: 14px;
    padding: 6px !important;
}

#resetPasswordContainer {
    width: 600px;
}

#registrationContainer {
    width: 790px;
}

#registrationContainer .formText.passwordRequirments {
    margin: 0 0 10px 0;
}

#registrationContainer .formLabel:not(.recaptcha) {
    display: inline-block;
    width: 170px;
    padding-top: 0;
}

#registrationContainer .formLabel.recaptcha {
    margin: 0 0 10px 0;
    padding-top: 0;
}

#registrationContainer .formField:not(.recaptcha) {
    display: inline-block;
    width: 270px;
}

#registrationContainer .formField.recaptcha {
    height: 136px;
}

#registrationContainer .devMode {
    visibility: hidden;
}

#registrationContainer .formField.recaptcha .g-recaptcha {
    width: 100%;
}

#registrationContainer .formButtonContainer input {
    font-size: 16px;
}

label + span.required::after {
    content: "*";
    display: inline-block;
    color: #666;
    font-size: 18px;
    margin-bottom: 10px;
}

#registrationContainer select {
    padding: 2px;
    margin-bottom: 10px;
}

#registrationForm {
    padding-top: 15px;
}

body.isTablet #registrationContainer select {
    width: 100%;
    font-size: 15px;
    padding: 4px;
}

#becomeMemberContainer {
    margin-top: 35px;
}

#becomeMemberContainer .simpleFormInfoContainer {
    padding-top: 15px;
}

/* end logon, registration, and password reset forms */

#uncancelContainer input[type="text"],
#uncancelContainer input[type="checkbox"] {
    margin-bottom: 10px;
    font-size: 12px;
}

label {
    display: inline-block;
    font-weight: bold;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                        supported by Chrome and Opera */
}

.x-form label {
    font-weight: normal;
}

input[type=checkbox] + label,
input[type=checkbox] + input[type=hidden] + label {
    display: inline;
    cursor: pointer;
}

input[type=checkbox] {
    cursor: pointer;
}

input[type="text"]:not(.x-form-file-text):not(.plain),
input[type="textarea"],
input[type="password"],
input[type="number"] {
    font-size: 12px !important;
}

.x-form input[type=checkbox] {
    margin: 0;
}

div.alignTop {
    display: block;
    margin: 10px 0 5px 0;
}

.formText, .instructionText, .showInstructions {
    margin: 15px 0 0 0;
    color: #555;
}

.showInstructions {
    color: #999;
    font-style: italic;
}

.formHR hr {
    width: 90%;
    margin: 15px 0 15px 0;
}

.formButtonContainer {
    margin: 15px 0 15px 0;
}

.paragraph {
    margin: 15px 0 0 0 !important;
}

/* dialogs */

.ui-widget {
    font-size: 15px !important;
}

.ui-dialog.draggable {
    height: auto !important;
}

.dpwDialog {
    /* padding-top: 20px !important; */
}

.ui-dialog-content {
    padding-top: 10px !important;
    line-height: 1.5em !important;
    overflow-x: hidden !important;
}

.ui-dialog-content p:not(:first-child) {
    margin-top: 10px;
    margin-bottom: 0;
}

#showNoMoreCheckbox {
    position: relative;
    top: 2px;
}

.ui-button.secondaryButton, .ui-button.cancelButton {
    font-weight: normal !important;
}

/* end dialogs */

/* post edit dialogs */

#postImageDialog {
    width: 450px;
}

#postImageDialog .formField {
    padding: 10px;
}

#postImageDialog #mainImageContainer,
#postImageDialog #mainImageContainer img,
#postImageDialog #altImageContainer,
#postImageDialog #altImageContainer img {
    width: 350px;
}

.activeAuctionOnly {
    display: none;
}

/* end post edit dialogs */

.dialogOverlay {
    background-color: #cccccc;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: Alpha(Opacity=50); /* support: IE8 */
    z-index: 99999999;
}

#progressDialog
{
    width: 250px;
    height: 80px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left:-125px;
    margin-top: -100px;
    z-index: 999999999;

    border: 1px solid #888;
    background: #ccd9e8;
    -moz-box-shadow: 3px 3px 10px 10px #999;
    -webkit-box-shadow: 3px 3px 12px 0 #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #555;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
}

#progressTitleText {
    margin: 5px 0 0 7px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #15428b;
}

#progressText {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #333;
}

#progressBarWrapper {
    position: relative;
    width: 225px;
    margin: 10px 0 0 13px;
}

#progressBar {
    height: 17px;
    width: 0;
    background-color: #5c9ccc;
}

.activityMessageOverlay {
    position: absolute;
    background-color: #cccccc;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: Alpha(Opacity=50); /* support: IE8 */
    z-index: 99999999;
}

#activityMessage {
    min-width: 150px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 33%;
    margin-left: -85px;
    margin-top: -17px;
    padding: 10px;
    z-index: 999999999;
    border: 1px solid #888;
    background: #ccd9e8;
    -moz-box-shadow: 3px 3px 10px 10px #999;
    -webkit-box-shadow: 3px 3px 12px 0 #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #555;
    font-family: tahoma,arial,helvetica,sans-serif;
    white-space: nowrap;
}

.dpwNotifyContainer {
    top: 5px;
    width: 100%;
    text-align: center;
    z-index: 999999;

    position: fixed;

}

.dpwNotify {
    display: inline-block;
    border: 1px solid #555 !important;
    color: #333;
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
    background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%); /* IE 10*/
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #eeeeee); /* for firefox 3.6+ */
    border: solid 1px #999;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 4px #dddddd; /* IE 10*/

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    padding: 15px;
    font-size: 18px;
    text-align: left;

    width: 90%;
}

.removeFromMyPicksIcon {
    font-size: 23px;
    margin-right: 10px;
}

body.isTablet input.artistNameSearch {
    height: 20px;
    font-size: 12px;
    border: 1px solid #777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* dialog grids */

/* shipping regions */

table.dialogTable
{
    width: 100%;
    margin: 10px 0 10px 0;
    border-collapse: collapse;
    border: 1px solid #777;
}

table.dialogTable tr:last-child td
{
    border-bottom-color: #777;
}

table.dialogTable tr
{
    margin: 0;
    color: #555;
}

table.dialogTable.shipToRegions tr
{
    color: #999;
}

table.dialogTable th, table.dialogTable.shipToRegions tr.shipsTo
{
    color: #555;
    font-weight: bold;
}

table.dialogTable th,
table.dialogTable tr td
{
    vertical-align: top;
    margin: 0;
    padding: 5px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ccc;
}

table.dialogTable.shipToRegions tr:first-child td
{
    border-top-color: #777;
}

table.dialogTable th
{
    color: #333;
    border-color: #777;
}

table.dialogTable th.right,
table.dialogTable td.right,
table.dialogTable.shipToRegions tr td:last-child
{
    text-align: right;
}

table.dialogTable th.center,
table.dialogTable td.center
{
    text-align: center;
}

table.dialogTable tr:nth-child(2n+1)
{
    background: #f2f2f2;
}

/* end shipping regions */

/* end dialog grids */

/* begin DPW forms */

:focus { outline: none; } 

.searchFieldContainer input {
    padding: 0 !important;
    border: none !important;
    -webkit-border-radius: unset !important;
    -moz-border-radius: unset !important;
    border-radius: unset !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.searchFieldContainer input:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.searchFieldContainer {
    padding: 5px 0 6px 5px;
    background: #fff;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropdownListOpenIcon {
    padding: 8px 5px 8px 15px;
    cursor: pointer;
}

ul.dropdownSearchList {
    line-height: 1.95em;
    list-style-type: none !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

ul.dropdownSearchList li {
    margin: 0 !important;
    list-style: none !important;
    padding: 0 0 0 0 !important;
}

body.isTablet ul.dropdownSearchList {
    font-size: 12px;
}

body.isTablet ul.dropdownSearchList li {
    padding: 10px 10px 0 10px;
}

body.isTablet ul.dropdownSearchList li {
    padding: 0;
}

body.isTablet ul.dropdownSearchList li a {
    padding: 5px 15px 10px 15px;
}

.formDialog {
    margin-bottom: 50px;
}

.formDialog, .formDialog .ui-dialog-content {
    padding-top: 0 !important;
    overflow: visible !important;
}

.formDialog .ui-dialog-buttonpane {
    display: none;
}

.infoBar {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.requireMessage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #888;
    font-size: 14px;
    font-style:italic;
    word-spacing: normal;
}

.requireMessage.right {
    float: right;
}

.formPage {
    text-align: left;
    margin-bottom: 10px;
}

fieldset {
    border-color: #aaa;
    margin: 15px 0 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 10px;
}

fieldset legend {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #df6a23;
    letter-spacing: normal;
    word-spacing: normal;
}

fieldset.noBox {
    border: none;
    padding: 0;
}

fieldset.noBox legend {
    border-bottom: 1px solid #aaa;
    padding-bottom: 7px;
    margin-bottom: 10px;
    width: 100%;
}

fieldset.padTop > legend {
    margin-top: 15px;
}

input[type=checkbox]:not(.x-form-checkbox),
input[type=radio]:not(.x-form-radio) {
    position: relative;
    top: 3px;
    width: 20px;
    height: 17px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bbb;
}

.formLabel, .form label, .formField label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #555;
    letter-spacing: normal;
    word-spacing: normal;
}

.formField .soloCheckbox {
    padding: 15px 0 15px 0;
}

.formField .inlineCheckbox:not(.side) {
    padding: 35px 0 0 0;
}


.formField .inlineCheckbox.side {
    padding-top: 8px;
}

.formField .readOnlySF:not(.soloCheckbox) {
    margin: 8px 0 6px 0 !important;
}

.formLabel, .formField {
    width: 100%;
}

.formLabel.side, .formField.side, .formText.side {
    display: inline-block;
    width: unset;
    vertical-align: middle;
}

.formField.side {
    position: relative;
}

.formField.hide, .formText.hide {
    display: none;
}

.formField .bootstrap-tagsinput {
    white-space: normal;
}

.formLabel {
    margin: 10px 0 6px 0 !important;
}

.formLabel.side {
    margin: 10px 0 10px 0 !important;
}

.formText, .instructionText {
    color: #555;
    letter-spacing: normal;
    word-spacing: normal;
}

.flushTop {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.extjsFreeContainer input[type=text]:not(.plain):not(.showPassword),
.extjsFreeContainer input[type=number],
.extjsFreeContainer textarea:not(#fullBioEditor),
.extjsFreeContainer input[type=password]:not(.showPassword),
.extjsFreeContainer select, .formField input:not(.showPassword), .formField textarea,
.formField select {
    padding: 5px !important;
    background: white;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formField input:not([type=checkbox]):not([type=radio]), .formField textarea,
.formField select {
    width: 100%;
}

.formField input[type=checkbox] {
}

input[type=text]:not(.plain):focus,
input[type=number]:focus,
textarea:focus,
input[type=password]:focus,
select:focus {
    -webkit-box-shadow: 0 0 5px #38c;
    -moz-box-shadow: 0 0 5px #38c;
    box-shadow: 0 0 5px #38c;
}

#mobileEmailContainer {
    margin: 0 0 10px 10px;
}

.form {
}

.formErrors {
    font-weight: bold;
    font-size: 15px;
    color: red;
    line-height: 1.5em;
    display: none;
}

.formColumn {
    float: left;
    padding-right: 15px;
    padding-left: 0    
}

.formColumn.first {
    padding-left: 10px;
}

.formColumn.last {
    padding-right: 0;
}

.formPage .bootstrap-tagsinput {
    box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #555555;
    border: 1px solid #999;
    padding: 10px 10px 0px 10px !important;
}

.formPage .bootstrap-tagsinput input {
    margin: 0 0 10px 0 !important;
    padding: 5px !important;
    top: 0 !important;
    width: unset !important;
}

.formPage .bootstrap-tagsinput .tag {
    margin: 0 4px 12px 3px !important;
}

.formFieldError, img.formFieldError {
    border: 1px solid red !important;
}

.fieldValidIcon,
.fieldErrorIcon {
    font-size: 16px !important;
    color: red !important;
    text-decoration: none !important;
    z-index: 9999;
}

.fieldValidIcon {
    color: green !important;
}

.highlightField, img.highlightField {
    border: 2px solid blue !important;
}

input[type=checkbox].highlightField {
    outline: 2px solid blue !important;
}

body.isTablet .fieldErrorIcon,
body.isTablet .fieldValidIcon {
    font-size: 24px !important;
}

.imagePreview {
    cursor: pointer;
}

.charCount {
    float: right;
}

.g-recaptcha {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

/* end DPW forms */

/* begin list */

.listContainer {
    position: relative;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
    min-height: 200px;
    font-size: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.listHeader {
    overflow: hidden;
    padding: 15px 0 5px 0;
}

.listHeader.sticky {
    position: sticky;
    top: 0;
    z-index: 999998;
}


.listColumnHeader {
    float: left;
    font-size: 12px;
    font-weight: bold;
}

.listRow {
    height: 45px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    clear: both;
}

.listHeaderRow {
    height: 45px;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    background-color: #f1f1f1;
    color: #555;
    font-size: 14px;
}

.listHeaderRow.sticky {
    position: sticky;
    top: 0;
    z-index: 999998;
}

.labelRow {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    background-color: #777 !important;
    color: white !important;
}

.labelRow .listCell {
    color: white !important;
}

.labelRow.sticky {
    position: sticky;
    top: 0;
    z-index: 999998;
}

.listCell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    margin: auto 0;
    color: #555;
}

.taskCell {
    cursor: pointer;
}

.listHeaderRowCell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    margin: auto 0 auto 5px;
}

.listHeaderRowCell.imageCell {
}

.listHeaderRowCell.imageCell img {
    height: 38px;
}

.listCell.alignTop {
	top: 0;
    transform: none;
    margin: 0;
}

.listRow .listCell .fa:not(.fa-stack-2x),
.listRow .taskCell .fa:not(.fa-stack-2x) {
    font-size: 20px;
}

.spacerCell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
    width: 100%;
    height: 100%;
}

.listCell, .spacerCell {
    background-color: transparent;
}

.listRow.hide {
    display: none;
}

.listRow.selected {
    background-color: #dfe8f6;
}

.listCell.liveEdit {
    padding-top: 7px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.listCell.liveEdit input {
    margin-bottom: 0 !important;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    color:#555555;
    /* background:#fff none repeat scroll 0 0; */
    border: 1px solid #999;
    margin: 0 auto 0 auto !important;
    display: inline-block;
}

.listHeader .tasksColumn {
    font-size: 15px;
    width: 100px;
    text-align: center;
}

.listHeader .nameColumn {
    font-size: 15px;
    width: 155px;
}

.listHeader .imageColumn {
    font-size: 15px;
    width: 155px;
}

.listCell.imageCell {
    width: 50px;
}

.listCell.imageCell img {
    height: 38px;
}

.editCell,
.cloneCell,
.deleteCell,
.replyCell,
.viewCell {
    padding: 6px !important;
    cursor: pointer !important;
}

.editCell .fa,
.cloneCell .fa,
.deleteCell .fa,
.replyCell .fa,
.viewCell .fa {
    cursor: pointer !important;
}

.taskCell:first-child {
    padding-left: 10px !important;
}

.listPagerButton {
    margin-right: 10px;
}

.listPagerButton:last-child {
    margin-right: 0;
}

/* end list */

/* begin columns */

.columnContainer {
    word-spacing: -0.43em;
}

.columnContainer h1, .columnContainer div#formButtonBar,
columnContainer div:not(.formField):not(.formLabel) {
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

.column_1_1 {
    display: inline-block;
    width: 99.8%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;

}

.column_1_2 {
    display: inline-block;
    width: 50%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_1_2:not(.last) {
    padding-right: 10px;
}

.column_1_2.last {
    padding-left: 10px;
}

.column_1_3 {
    display: inline-block;
    width: 33.333333%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_1_3:not(.first):not(.last) {
    padding-left: 5px;
    padding-right: 5px;
}

.column_1_3.first {
    padding-right: 5px;
}

.column_1_3.last {
    padding-left: 5px;
}

.column_2_3 {
    display: inline-block;
    width: 66%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_1_4 {
    display: inline-block;
    width: 25%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_1_4:not(.first):not(.last) {
    padding-left: 5px;
    padding-right: 5px;
}

.column_1_4.first {
    padding-right: 5px;
}

.column_1_4.last {
    padding-left: 5px;
}

.column_2_4 {
    display: inline-block;
    width: 50%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_3_7 {
    display: inline-block;
    width: 43%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_4_7 {
    display: inline-block;
    width: 57%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_3_9 {
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_6_9 {
    display: inline-block;
    width: 67%;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.column_1_1.hide,
.column_1_2.hide,
.column_1_3.hide,
.column_1_4.hide,
.column_2_4.hide,
.column_3_7.hide,
.column_4_7.hide
.column_3_9.hide,
.column_6_9.hide {
    display: none;
}

.formField input[type=text]:not(.plain),
.formField input[type=number],
.formField input[type=password],
.formField textarea, .formField select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* end columns */

/* begin dialogs */

.ui-dialog-buttonpane #cancelButton .ui-button-text {
    font-weight: normal !important;
}

.ui-dialog-content.dialogNoPaddingTop {
    padding-top: 0 !important;
}

.fullscreenDialog {
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scrollableDialog {
    height: 100% !important;
    overflow-y: scroll !important;
}

.fullscreenDialog.padForKeyboard {
    padding-bottom: 500px !important;
}

.fullscreenDialog .ui-dialog-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
}

.fullscreenDialog .ui-dialog-titlebar,
.fullscreenDialog .ui-dialog-titlebar-close {
    display: none;
}

.fullscreenDialog .titleBar {
    width: 100%;
    height: 50px;
    padding: 5px 0 0 0;
}

.fullscreenDialog .titleBar .title {
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #555;
    line-height: 1.33em;
    padding: 13px 0 0 5px;
    width: calc(100% - 48px);
}

.fullscreenDialog button.closeButton {
    float: right;
    margin: 10px 5px 0 0;
}

    .fullscreenDialog button.closeButton .fa {
        position: relative;
        top: 1px;
        left: -1px;
        font-size: 20px;
    }

.fullscreenDialog .ui-dialog-buttonpane {
    float: none;
    padding-left: 12px;
    padding-right: 12px;
}

.fullscreenDialog .ui-dialog-buttonpane,
.fullscreenDialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fullscreenDialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    font-weight: bold !important;
    margin-bottom: 10px;
}

.fullscreenDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {
    margin-top: 10px;
}

.fullscreenDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
    margin-bottom: 10px;
}

/* end dialogs */

/* begin event page */

#eventsContainer .eventCost .cost,
#eventsContainer .availableSpaces {
    font-weight: bold;
}

/* end event page */

/* begin event registration */

#eventRegistrationPageWrapper {
    text-align: center;
}

#eventRegistrationPage {
    display: inline-block;
    text-align: left;
    width: 95%;
}

#eventRegistrationPage #registerFor {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 1.33em;
}

#eventRegistrationPage span#shoppingCartIcon {
    display:inline-block;
    margin-right: 10px;
    font-size: 8vw;
}

#eventRegistrationPage #eventSummary {
    padding: 10px 0 10px 0;
}

#eventRegistrationPage #eventName {
    color: #333;
    padding: 10px 0 5px 0;
    font-size: 20px;
    border-bottom: 1px dotted #999;
}

#eventRegistrationPage #eventDate,
#eventRegistrationPage #eventLocation {
    color: #555;
    font-size: 12px;
}

#eventRegistrationPage .eventCost .cost {
    font-weight: bold;
}

#eventRegistrationPage .eventCost {
    padding-top: 5px;
    font-size: 15px;
}

#eventRegistrationPage #eventDescription,
#eventRegistrationPage #cancelationPolicy,
#eventRegistrationPage #waitlistPolicy,
#eventRegistrationPage .registrationMessage {
    font-size: 13px;
    line-height: 1.75em;
}

#eventRegistrationPage .registrationMessage {
    padding-bottom: 10px;
    word-spacing: normal;
}

#eventRegistrationPage .isRegisteredMessage {
    padding-bottom: 10px;
}

#eventRegistrationPage .isRegisteredThankYou {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    padding: 20px 0 20px 0;
}

#eventRegistrationPage #stateOrProvinceField {
    display: none;
}

#eventRegistrationPage #formButtonBar {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
}


#eventRegistrationPage #registerButton {
    font-weight: bold;
    float: left;
    margin-left: 10px;
}

#eventRegistrationPage #cancelButton {
    float: right;
    margin-right: 10px;
}

/* end event registration */

/* begin event registration management */

.registrationActionDropdown {
    margin: 0 0 15px 0;
}

.participantTable {
    width: 100%;
}

.noParticipantsFound {
    text-align: center;
    font-style: italic;
}

.participantRowA td {
    padding: 5px 2px 0 2px;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.33em;
}

.participantRowB td {
    padding: 0 2px 5px 2px;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.33em;
}

.participantNumberCell, .participantNameCell {
    font-weight: bold;
}

.participantNameCell {
}

.participantNumberCell, .participantEmailCell {
    color: #999;
}

.participantActionCell {
    padding: 0;
    text-align: right;
}

.participantActionDropdown .newDropdownHeader {
    width: 70px;
    margin: 0;
}

.refunded {
    background-color: green;
    color: white;
    padding: 2px;
    font-size: 10px;
    opacity: 0.6;

    -webkit-border-radius: 2px 4px 2px 4px;
    -moz-border-radius: 2px 4px 2px 4px;
    border-radius: 2px 4px 2px 4px;
}

#registrationPrintOut {
    width: 100%;
    text-align: center;
}

#registrationPrintOut h1 {
    margin: 30px 0 4px 0;
    font-size: 16px;
}

#registrationPrintOut h2 {
    margin: 0;
    font-size: 12px;
    color: #777;
}

#registrationPrintOut table {
    margin-top: 25px;
    font-size: 13px;
    display: inline-block;
}

#registrationPrintOut table td {
    text-align: left;
    padding: 5px 10px 5px 10px;
    white-space: nowrap;
}

#registrationPrintOut table td.registrantIndex,
#registrationPrintOut table td.registrantName {
    font-weight: bold;
}

#registrationPrintOut table td.registrantIndex {
    color: #999;
}

/* end event registration management */

.showOnMobile {
    display: none;
}

/* begin foobar */


.foobar-wrapper { width: 100%; height:35px; z-index: 999;}

.foobar-container {
    width:100%;
    min-width: 975px;
    height: 30px;
    overflow: hidden;
}

.foobar-container-left, .foobar-container-right,
.foobar-container-center {
    height: 30px;
    line-height: 30px;
}

.foobar-container-left, .foobar-container-right {
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 99999;
}

.foobar-container-left {
    float: left;
}

.foobar-container-right {
    float: right;
}

.foobar-container-center {
    position: absolute;
    width: 100%;
    text-align: center;
}

.foobar-message-wrapper {
}

.foobar-social {
    float: right;
    list-style-type: none !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #333333;
    font-size: 20px;
}

.foobar-social li {
    height: 30px !important;
    float: left !important;
    text-align: left !important;
    line-height: 30px !important;
    color: #333333;
}

.foobar-social li a {
    width: 25px !important;
    height: 30px !important;
    display: inline-block !important;
    color: #333333;
}

.foobar-preset-1 {
    color: #333333;
    text-shadow: 0 1px 0 #986C00;
}

.foobar-preset-1 a {
    color: #333333;
    text-shadow: 0 1px 0 #F1BA4D;
    text-decoration: none;
}

.foobar-preset-1 a:hover {
    text-decoration: none;
}

.foobar-preset-2 {
    color: #000;
    text-shadow: 0 1px 0 #aaa;
}

.foobar-preset-2 a {
    color: #333333;
    text-shadow: 0 1px 0 #888;
    text-decoration: none;
}

.foobar-preset-2 a:hover {
    text-decoration: none;
}

/* end foobar */

/* begin artist search */

#artistsContainer {
}

.roundedArtistCard {
    overflow: hidden;
    width: 150px;
    float: left;
    margin: 0 12px 24px 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 10px 10px;
    padding: 5px;
    background: #f9f9f9;
    cursor: pointer;
}

.artistCardNameBlock {
    width: 100%;
    margin: 7px 2px 1px 2px;
}

.artistCardFavoriteIcon {
    display: table-column;
}

.artistCardName {
    text-align: center;
    line-height: 1em;
}

.artistCardName a {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.roundedBioImage {
    height: 100%;
    max-height: 200px;
    overflow: hidden;
}

.roundedBioImage img {
    display: block;
    width: 150px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.roundedLastPostImage {
    width: 150px;
    margin-top: 4px;
}

.roundedLastPostImage img {
    display: block;
    width: 150px;
}

/* end artist search */

/* begin font awesome */

.fa-question-circle {
    font-size: 20px;
}

/* end font awesome */

/* begin social media picking */

#artworkForPickingList, #confirmedPicksList, #postedPicksList {
    word-spacing: normal;
}

#artworkForPickingList {
    height: 397px;
}

#confirmedPicksList {
    height: 397px;
}

#postedPicksList {
    height: 397px;
}

#artworkForPickingList, #confirmedPicksList, #postedPicksList {
    margin-top: 10px;
}

.socialPickingRow {
    height: 122px;
    padding: 5px 10px 5px 10px;
}

.socialPickingRow .listCell {
}

.imageListCell {
    width: 50%;
}

.infoListCell {
    width: 30%;
}

.pickedCell.listCell .fa {
    font-size: 48px;
}

.pickedCell.listCell .fa-square-o {
    padding-right: 7px;
}

.pickedCell.listCell, .postToFacebookCell.listCell {
    float: right;
}

.confirmedText {
    color: orangered;
    font-weight: bold;
}

.fancyBoxImage {
    text-align: center;
    vertical-align: middle;
}

.fancyBoxImage img {
	display: inline-block;
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

/* end social media picking */

/* begin show password field */

#logonContainer #Password {
    visibility: hidden;
}

/**/

.showPasswordWrapper {
    overflow: hidden;
    position: relative;
    margin: 0 0 10px 0;
    border: 1px solid #555;
    border-radius: 3px;
    height: 29px;
}

.showPasswordWrapper input {
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: border-box;
    width: calc(100% - 40px) !important;
    visibility: visible !important;
    margin-bottom: 0 !important;
    padding: 7px;
    outline: none;
    border: none;
    height: 29px;
}

.showPasswordWrapper .showPasswordTrigger {
    box-sizing: border-box;
    float: right;
    height: 29px;
    width: 40px;
    border: none;
    outline: none;
    border-left: 1px solid #555;
    text-align: center;
    line-height: normal !important;
    background-color: #fff;
    color: #555;
    cursor: pointer;
    font-size: 18px;
}

.showPasswordWrapper .showPasswordTrigger .fa {
    position: relative;
    top: -1px;
}

/* end show password field */

/* begin message manager */

.messageManagerEmailRow {
    height: unset;
    padding: 5px 7px;
}

/* end message manager */

/* begin $.notify */

.notifyjs-element-notification-base {
    z-index: 99999999;
    background: #fff;
    padding: 10px;
    border: 1px solid rgb(136, 136, 136);
    overflow: hidden;
    -moz-box-shadow: 0px 1px 10px #888888, inset 0px 0px 5px #eeeeee;
    -webkit-box-shadow: 0px 1px 10px #888888, inset 0px 0px 5px #eeeeee;
    box-shadow: 0px 1px 10px #888888, 0px 0px 5px #eeeeee inset; /* IE 10*/
}

.notifyjs-element-notification-base .title {
    float: left;
    color: #555;
    margin: 10px 0 10px 10px;
    text-align: right;
}

.notifyjs-element-notification-base .buttons {
    float: right;
}

.notifyjs-element-notification-base button {
    margin: 5px !important;
}

.notifyjs-element-notification-base button.yes {
    font-weight: bold !important;
}

/* end $.notify */

/* begin art alerts */

.subscribeCardContainer {
    width: 100%;
    text-align: center;
}

.subscribeCard {
    display: inline-block;
    max-width: 300px;
    margin-top: 48px;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    text-align: center;
    background-color: #fff;
}

body.showMobileSite .subscribeCard {
    min-width: unset;
    width: 80%
}

.subscribeCard p {
    padding: 10px 0 0 0;
    font-size: 18px;
    line-height: 28px;
}

.subscribeEnvelope {
    width: 100px;
}

#artAlertList .artAlertListRow {
    height: auto;
    padding: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #555555;
    overflow: hidden;
}

#artAlertList .artAlertListRow .artworkImage {
    cursor: pointer;
}

.artAlertPickedCell .fa {
    float: left;
    padding-right: 10px;
    font-size: 28px;
}

#emailPreviewContainer {
    position: relative;
    box-sizing: border-box;
}

.templatePlaceholder {
    box-sizing: border-box;
    position: relative;
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 3px 0;
    z-index: 99998;
}

.templatePlaceholder span {
    font-size: 16px;
    color: #ccc;
}

.editable.isEditable,
.editableChild.isEditable {
    box-sizing: border-box;
    position: relative;
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 3px 0;
    cursor: pointer;
    z-index: 99998;
}

.editable.isEditable,
.editableChild.isEditable .editableContent {
    min-height: 40px;
}

.editableChild.isEditable {
    z-index: 99999;
}

.editable.isEditable.active,
.editableChild.isEditable.active {
    outline: 3px solid #ccc;
}

.editable .editableOverlay,
.editableChild .editableOverlayChild {
    box-sizing: border-box;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
}

.editable:not(.active) .editableOverlay,
.editableChild:not(.active) .editableOverlayChild {
    display: none;
}

.editable.active .editableOverlay,
.editable.active .editableOverlayChild,
.editableChild.active .editableOverlayChild {
    display: block;
}

.editable .editableIndicatorContainer,
.editableChild .editableIndicatorContainerChild {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1001;
    overflow: visible;
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff;
    color: #ccc;
}

.editable:not(.isEditable) .editableIndicatorContainer,
.editableChild:not(.isEditable) .editableIndicatorContainerChild {
    display: none;
}

.editable .editableMessageContainer,
.editableChild .editableMessageContainerChild {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -100px;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    color: #ccc;
    z-index: 99999;
}

.editable.isEditable.empty .editableMessageContainer,
.editable.isEditable.active .editableMessageContainer,
.editableChild.isEditable.empty .editableMessageContainerChild,
.editableChild.isEditable.active .editableMessageContainerChild {
    display: block;
}

.editable.isEditable.active .editableMessageContainer,
.editable.isEditable.active .editableIndicatorContainer,
.editableChild.isEditable.active .editableMessageContainerChild,
.editableChild.isEditable.active .editableIndicatorContainerChild {
    color: #555;
}


.editable.isEditable.active .editableOverlay,
.editableChild.isEditable.active .editableOverlayChild,
.editable.isEditable.active .editableMessageContainer,
.editable.isEditable.active .editableIndicatorContainer,
.editableChild.isEditable.active .editableMessageContainerChild,
.editableChild.isEditable.active .editableIndicatorContainerChild {
    cursor: pointer;
}

.reactivateIcon {
    display: inline-block;
    padding-left: 10px;
    color: #555;
    cursor: pointer;
}

/* end art alerts */

/* begin payment methods */

button.paymentButton {
    padding: 10px !important;
    font-size: 16px !important;
}

.warningMessage {
    margin: 20px 10px 10px 10px;
    padding: 0 10px 0 10px;
    border: 1px solid #888;
    text-align: left;
}

/* end payment methods */

/* begin discount codes */

#discountCodeList .discountCodeListRow {
    height: auto;
    padding: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #555555;
    overflow: hidden;
}

/* end discount codes */

/* begin venues */

#venueList .venueListRow {
    height: auto;
    padding: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #555555;
    overflow: hidden;
}

#venueManager .liveEditIcon {
    display: none;
}

.pointer {
    cursor: pointer;
}

.noPointer {
    cursor: default;
}

/* end venues */

/* begin tracked ip addresses */

#trackedIpAddressWizardForm .listColumnHeader {
    display: table-cell;
    font-size: 15px;
    float: none;
    vertical-align: bottom;
}

#trackedIpAddressWizardForm .listColumnHeader, #trackedIpAddressWizardForm .listCell {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    padding: 0 10px 0 10px;
}

#trackedIpAddressWizardForm .taskCell {
    width: 20px;
    padding: 0 3px 0 3px;
}

#trackedIpAddressWizardForm .taskCell:first-child {
    padding-left: 10px;
}

#trackedIpAddressWizardForm .ipAddressTasksColumn {
    width: 40px;
}

#trackedIpAddressWizardForm .ipAddressColumn {
    width: 110px;
    text-align: left;
}

#trackedIpAddressWizardForm .ipAddressTypeColumn {
    width: 50px;
    padding: 0 10px 0 0;
    text-align: center;
}

#trackedIpAddressWizardForm .isScammerColumn {
    width: 50px;
    text-align: center;
}

#trackedIpAddressWizardForm .errorCountColumn {
    width: 75px;
    text-align: right;
}

#trackedIpAddressWizardForm .userNameNotFoundCountColumn {
    width: 75px;
    text-align: right;
}

#trackedIpAddressWizardForm .passwordWrongCountColumn {
    width: 75px;
    text-align: right;
}

#trackedIpAddressWizardForm .galleryViewCountColumn {
    width: 75px;
    text-align: right;
}

#trackedIpAddressWizardForm .postViewCountColumn {
    width: 75px;
    text-align: right;
}

#trackedIpAddressWizardForm .postClickCountColumn {
    width: 75px;
    text-align: right;
}

#trackedIpAddressWizardForm .blockedCountColumn {
    width: 75px;
    text-align: right;
}

/* end tracked ip addresses */

/* begin active members */

#activeMembersContainer .listRow {
    display: flex;
}

#activeMembersContainer .listCell {
    font-size: 15px;
    word-wrap: anywhere;
}

#activeMembersContainer .taskCell button {
    top: 0;
    transform: none;
}

#activeMembersContainer .taskCell.isCurrentRemote button {
    color: red !important;
}

#activeMembersContainer .taskColumn {
    top: 0;
    transform: none;
    width: 50px;
    text-align: center;
}

#activeMembersContainer .memberNameColumn {
    width: 350px;
    text-align: left;
}

#activeMembersContainer .memberNameColumn.isArtist {
    font-weight: bold;
    color: darkcyan !important;
}

#activeMembersContainer .memberNameColumn.notAuthenticated {
    top: 0;
    transform: none;
    color: #bbb !important;
}

#activeMembersContainer .memberEmailColumn {
    width: 350px;
    text-align: left;
}

#activeMembersContainer .deviceTypeColumn {
    top: 0;
    transform: none;
    width: 75px;
    text-align: center;
}

#activeMembersContainer .secondsSinceColumn {
    top: 0;
    transform: none;
    width: 150px;
    text-align: right;
}

.activeRecent {
    color: darkgreen;
}

.activeMedium {
    color: darkorange;
}

.activeStale {
    color: darkred;
}

.activeZombie {
    color: #bbb;
}

#activeMembersContainer .urlColumn {
    top: 0;
    transform: none;
    width: 100%;
    text-align: left;
    padding-left: 15px;
}

/* end active members */

/* begin ui elements */

/* begin miscellanious */

.readOnlySF {
    display: inline-block;
}

.microhelp {
    color: #0099CC;
    font-size: 20px !important;
    cursor: pointer;
}

.microhelp div {
    display: none;
}

/* end miscellanious */

/* begin smartField */

.readOnlySF {
    display: inline-block;
}

/* end smartField */

/* begin new dropdown */

#mobilePageDropdown, #auctionDropdown {
display: none;
}

.newDropdown:not(.search-tags-byTypeButton) {
    display: inline-block;
}

.newDropdown.fullWidth {
    display: block;
}

.newDropdown, .newDropdownHeader {
    box-sizing: content-box;
    position: relative;
}

.newDropdown:not(.combobox) .newDropdownHeader {
    font-weight: bold;
}

.newDropdownHeader {
    box-sizing: border-box;
    background: #fff;
    padding: 2px 8px 5px 8px;
    width: 100%;
    min-width: 50px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: solid 1px #999;
}

.newDropdown:not(.disabled):focus .newDropdownHeader {
    box-shadow: 0 0 5px #38c;
}

.newDropdownHeader,
.newDropdownList {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.newDropdownHeader .fa, .dropdownListOpenIcon.fa {
    font-size: 16px;
}

.newDropdownList .scrolldown {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 26px;
    background: #fff;
    cursor: pointer;
}

.newDropdown.combobox .newDropdownHeader {
    padding: 0 8px 2px 8px;
    text-align: left;
    line-height: 22px;
    height: 30px;
}

.newDropdown.combobox .newDropdownHeaderText {
    font-size: 12px;
    color: #555;
    text-align: left;
    position: relative;
    top: 2px;
}

.newDropdown.combobox .fa-caret-down {
    position: relative;
    top: 4px;
    font-size: 18px;
    float: right;
}

.newDropdownList {
    background: #fff;
    border: solid 1px #999;
}

.newDropdownHeader, .newDropdownHeaderText {
    display: inline-block;
    margin: 0 !important;
    color: #555;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.newDropdownHeaderText.required {
    color: #777;
}


.newDropdown.disabled .newDropdownHeader,
.newDropdown.disabled .newDropdownHeaderText {
    background: #eee !important;
    color: #777 !important;
    cursor: default;
}

.newDropdownList {
    position: absolute;
    visibility: hidden;
    z-index: 999999;
    left: 0;
    white-space: nowrap;
    max-height: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.newDropdownList.right {
    left: initial;
    right: 0;
}

.newDropdownList.opened {
    max-height: 9999px;
}

.newDropdownList ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px !important;
}

.newDropdownList div.sideBySide {
    float: left;
    z-index: 700;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

.newDropdownList div.menuLeftSeparator {
    border-left: 1px solid #b4b4b4;
}

.newDropdownList li.listTopHeader,
.newDropdownList li.listHeader {
    display: block;
    color: #777;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    background-color: #eee;
    padding: 5px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
}

.newDropdownList li.listTopHeader {
    color: #fff;
    background-color: #777;
    border-top: none;
    border-bottom: none;
}

.newDropdownList li.listHeader:first-child {
    border-top: none;
}

.newDropdownList li .categoryName {
    display: block;
    padding: 0 10px 0 10px;
    margin: 0;
    overflow: hidden;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}

.newDropdownList li img.categoryMenuImage {
    float: left;
    height: 45px;
    width: 45px;
    vertical-align: text-top;
    -webkit-box-shadow: rgba(0, 0, 0, 0.228438) 1px 3px 5px;
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.228438);
    box-shadow: 1px 3px 5px #bbb;
}

.newDropdownList li.mixedContent {
    padding: 4px 10px 4px 10px;
}

.newDropdownList li:not(.mixedContent) a {
    display: block;
    overflow: hidden;
    color: #555;
    text-decoration: none;
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

body.isTablet .newDropdownList li:not(.mixedContent) a {
    padding: 10px 10px 10px 10px;
}

.newDropdownList li:not(.mixedContent).highlight a, .newDropdownList li:not(.mixedContent).highlight a *,
.newDropdownList li:not(.mixedContent).highlight a img {
    background-color: #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.newDropdownList li:not(.mixedContent).selected a, .newDropdownList li:not(.mixedContent).selected a *,
.newDropdownList li:not(.mixedContent).selected a img {
    background-color: #4a7078;
    color: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.newDropdownList li.menuSeparator > a {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #b4b4b4;
}

.newDropdownList li.menuTopSeparator > a {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #b4b4b4;
}

.newDropdownList ul > li .fa {
    position: relative;
    top: 2px;
    font-size: 1.5em;
}

body.isTablet .newDropdownList li.mixedContent {
    padding: 10px 10px 10px 12px;
}

body.isTablet .newDropdownList li:not(.mixedContent) a {
    padding: 10px 10px 10px 12px;
}

/* end new dropdown */

/* begin collapsible */

.collapsible > h1 {
    display: none;
}

.collapsible.nonMobile > h1 {
    display: block;
    box-sizing: border-box;
    padding: 6px 10px 10px 10px;
    margin: 5px 0 0 0;
    font-size: 16px;
    color: #555;
    text-align: left;
    vertical-align: middle;
    text-shadow: none;
    border: 1px solid #BBB;
    cursor: pointer !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.collapsible.animating > h1 {
    -webkit-box-shadow: 0 0 12px #38c;
    -moz-box-shadow: 0 0 12px #38c;
    box-shadow: 0 0 12px #38c;
}


.collapsible.highlightOutline > h1,
.collapsible.highlightOutline > div,
.collapsible.highlightOutline > .collapsibleSection {
    border-color: #DF6A23 !important;
}

.collapsible.nonMobile h1 .fa-minus-circle,
.collapsible.nonMobile h1 .fa-plus-circle {
    display: inline-block;
    position: relative;
    top: 3px;
    padding: 0 10px 0 0;
    cursor: pointer;
}

.collapsible.disabled > h1 {
    color: #999 !important;
    border-color: #999 !important;
    cursor: default !important;
}

.collapsible.nonMobile > div,
.collapsible.nonMobile > .collapsibleSection {
    margin: 0 0 5px 0;
    max-height: 999999px;
    overflow: hidden;
    color: #555;
    line-height: 1.5em;
    text-align: left;
    text-shadow: none;

    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    -ms-transition: height .2s ease-in-out;
    -o-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
}

.collapsible.nonMobile > div:not(.collapsibleSection) {
    padding: 0 15px 0 15px;
}

.collapsible.nonMobile > div,
.collapsible.nonMobile > .collapsibleSection {
    height: 0;
}

.collapsible.nonMobile.closed > div,
.collapsible.nonMobile.closed > .collapsibleSection {
    height: 0;
}

.collapsible.nonMobile.opened > .collapsibleSection {
    padding: 0;
}

.collapsible.fieldset > h1 {
    display: block;
    padding: 8px 10px 8px 10px;
    margin: 5px 0 0 0;
    font-size: 16px;
    color: #555;
    text-align: left;
    vertical-align: middle;
}

.collapsible.fieldset h1 > span.fa {
    display: none;
}

.collapsible.fieldset > div {
    padding: 10px;
    border: 1px solid #BBB;
}

/* end collapsible */

/* begin tabPanel */

.tabPanel {
    overflow: hidden;
    width: 100%;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 20px 0 0 0;
}

.tabPanel .panel {
    box-sizing: border-box;
    overflow: hidden;
    display: none;
    width: 100%;
    height: 100%;
    padding: 10px;
    animation: opac 0.8s;
}

.tabPanel .panel.activeTab {
    display: block;
}

.tabPanel .panel > h1 {
    display: none;
}

.tabPanel .tabPanelButtonBar {
    overflow: hidden;
    width: 100%;
    color: #000 !important;
    background-color: #f1f1f1 !important;
    border-bottom: 1px solid #999 !important;
}

.tabPanel .tabPanelButtonBar button.tabPanelButton {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
    background-color: #f1f1f1 !important;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
}

.tabPanel .tabPanelButtonBar button.tabPanelButton.activeTab {
    background-color: #616161 !important;
    color: white;
    font-weight: bold;
}

/* end tabPanel */

/* begin slider */

.sliderContainer {
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    margin: auto;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: #ddd;
    outline: none;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    cursor: pointer;
    z-index: 900;
}

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        cursor: pointer;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        width: 18px; /* Set a specific slider handle width */
        height: 18px; /* Slider handle height */
        background: #0099CC;
        cursor: pointer; /* Cursor on hover */
    }

    .slider::-moz-range-thumb {
        width: 18px; /* Set a specific slider handle width */
        height: 18px; /* Slider handle height */
        background: #0099CC;
        cursor: pointer; /* Cursor on hover */
    }

.sliderTextContainer {
    position: absolute;
    display: none;
    opacity: 0;
    font-size: 12px;
    border: 1px solid #777;
    width: 130px;
    padding: 5px;
    border-radius: 8px;
    background: #fcfcfc;
    -moz-box-shadow: 0px 1px 10px #ccc, inset 0px 0px 5px #fcfcfc;
    -webkit-box-shadow: 0px 1px 10px #ccc, inset 0px 0px 5px #fcfcfc;
    box-shadow: 0px 1px 10px #ccc, 0px 0px 5px #fcfcfc inset; /* IE 10*/
    -webkit-transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -ms-transition: opacity .50s ease-in-out;
    -o-transition: opacity .50s ease-in-out;
    transition: opacity .50s ease-in-out;
    z-index: 900;
}

.sliderText {
    font-weight: bold;
}

/* end slider */

/* begin wizard */

.wizardCard {
    display: none;
}

    .wizardCard .instructionText.hide {
        display: none;
    }

    .wizardCard.current {
        display: block;
        margin: 10px 0 0 0;
        border: 1px solid #BBB;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .wizardCard .gotoDropdown {
        word-spacing: normal;
        margin: 3px 10px 5px 5px;
    }

.gotoDropdownList {
    margin-bottom: 35px;
}

    .gotoDropdownList li.hide {
        display: none;
    }

.wizardCard .cardHeader {
    display: block;
    padding: 6px 8px 6px 8px;
    word-spacing: normal;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    text-align: left;
    vertical-align: middle;
    text-shadow: none;
    border-bottom: 1px solid #BBB;
    background-color: #EEE;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    background: -moz-linear-gradient(center top, #FFF, #EEE);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#EEE));
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wizardCard .cardTitle {
    float: left;
    padding: 10px 0 7px 0;
    position: relative;
    top: -4px;
}

.wizardContainer.singleCard .wizardCard .cardTitle {
    margin-left: 10px;
}

.wizardCard .cardBody {
    display: block;
    padding: 0 15px 15px 15px;
}

.wizardCard .cardButtonBar {
    display: block;
    padding: 0 10px 10px 10px;
    word-spacing: normal;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    text-align: left;
    vertical-align: middle;
    text-shadow: none;
    background-color: #EEE;
    background: -moz-linear-gradient(center top, #FFF, #EEE);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#EEE));
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wizardCard .cardHeader:after, .wizardCard .cardButtonBar:after {
    content: "";
    display: block;
    clear: both;
    line-height: 0;
    height: 0;
}

.wizardCard .cardButtonBar.top {
    margin: 0 0 5px 0;
    border-bottom: 1px solid #BBB;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.wizardCard .cardButtonBar.bottom {
    clear: both;
    margin: 5px 0 0 0;
    border-top: 1px solid #BBB;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.wizardCard .cardButtonBar button {
    float: right;
    min-height: 30px;
    font-weight: bold !important;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

.wizardCard .cardButtonBar button.alignLeft {
    float: left;
}

.wizardCard .cardButtonBar button:not(.disabled) .fa-check {
    color: green;
}

li .fa-exclamation-circle {
    font-size: 18px !important;
}

/* end wizard */

/* begin buttonBar */

.buttonBar {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    word-spacing: normal;
    letter-spacing: normal;
    margin-bottom: 15px;
}

.buttonBar.center {
    justify-content: center;
}

.buttonBarItem {
    white-space: nowrap;
    margin-top: 15px;
}

.buttonBarItem:not(:first-child) {
    margin-left: 15px;
}

.buttonBarSpacer5 {
    min-width: 5px;
    width: 5px;
}

.buttonBarSpacer15 {
    min-width: 15px;
    width: 15px;
}

.buttonBarSpacer25 {
    min-width: 25px;
    width: 25px;
}

.buttonBarSpacer50 {
    min-width: 50px;
    width: 50px;
}

.buttonBarSpacer100 {
    min-width: 100px;
    width: 100px;
}

.buttonBarItem .formLabel {
    margin: 0 !important;
}

/* end buttonBar */

/* begin support */

#supportContainer {
    min-width: 640px;
    padding: 0 20px 30px 20px;
}

#supportContainer .buttonBar button {
    font-weight: bold !important;
}

#supportManager .listColumnHeader {
    font-size: 15px;
    vertical-align: bottom;
}

#supportManager .selectAllCheckbox {
    font-size: 20px;
}

#supportManager .buttonBar,
#supportReplyWizardForm .buttonBar
{
    margin-bottom: 10px;
}

#supportManager .listHeader,
.supportRequestList .listRow {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    height: unset;
}

.supportRequestList .listColumnHeader,
.supportRequestList .listCell {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.supportRequestList .tasksCell {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    height: unset;
    padding-left: 10px !important;
}

.supportRequestList .taskCell,
.supportRequestList .listCell {
    font-size: 14px;
	top: 0;
    transform: none;
    float: none;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.supportRequestList .taskCell,
.supportRequestList .taskCell:first-child{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.supportRequestList .selectCell {
    width: 10px;
}

.supportRequestList .taskCell .fa-circle.isRead {
    color: green;
}

.supportRequestList .listRow.closed .taskCell.isReadCell {
    visibility: hidden;
}

.supportRequestList .taskCell .fa-star.flag {
    color: goldenrod;
}

.supportRequestList .takeItButtonCell button.takeIt {
    min-height: 25px !important;
    height: 25px !important;
}

#supportManager .tasksColumn {
    min-width: 170px;
    width: 170px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: left;
}

#supportManager.isOwnQueue .tasksColumn {
}

#supportManager .idColumn {
    min-width: 40px;
    width: 40px;
    text-align: left;
    padding-left: 10px;
}

#supportManager .statusColumn {
    min-width: 135px;
    width: 135px;
    text-align: left;
    padding-left: 10px;
}

#supportManager .nameColumn {
    min-width: 135px;
    width: 135px;
    text-align: left;
    padding-left: 10px;
}

#supportManager .nameCell {
    cursor: pointer;
}

#supportManager .lastReplyOnColumn {
    min-width: 150px;
    width: 150px;
    text-align: left;
    padding-left: 10px;
}

#supportManager .ageColumn {
    min-width: 120px;
    width: 120px;
    text-align: center;
    padding-left: 10px;
}

#supportManager .ageCell {
    cursor: pointer;
}

.ageCell .warn {
    font-weight: bold;
    color: orange;
}

.ageCell .alarm {
    font-weight: bold;
    color: red;
}

#supportManager .messageColumn {
    text-align: left;
    padding-left: 10px;
}

.supportRequestList .messageCell {
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
}

.supportRequestList .messageCell .messageBlock * {
    display: inline;
}

.supportRequestList .messageCell .messageBlock br {
    content: "";
    margin-right: 5px;
}

#supportReplyWizardForm .messageList {    
    height: 500px;
}

#supportReplyWizardForm #statusText.open {    
    color: orange;
}

#supportReplyWizardForm #statusText.closed {    
    color: green;
}

.supportRequestList .listHeaderRow,
#supportReplyWizardForm .messageList .listHeaderRow {
}

#supportReplyWizardForm .messageList .listRow {    
    height: unset;
}

#supportReplyWizardForm .messageList .listRow.isPrivate {    
    background-color: #ffeaea !important;
}

.supportRequestList .listRow:nth-child(2n+1),
#supportReplyWizardForm .messageList .listRow:nth-child(2n) {    
    background-color: #f5f5f5;
}

.supportRequestList .listRow.open:nth-child(2n+1),
#supportReplyWizardForm .messageList.open .listRow:nth-child(2n) {    
    background-color: #e4ffd0;
}

#supportReplyWizardForm .messageList .listCell {    
    float: none;
    font-size: 15px;
	top: 0;
    transform: none;
    float: none;
    margin: 0;
    padding: 10px;
    padding-bottom: 0;
}

#supportReplyWizardForm .messageList .listCell.taskCell {  
    padding: 0 10px 0 10px;  
    float: left;
}

#supportReplyWizardForm .messageList .nameCell {
    float: left;
    font-weight: bold;
}

#supportReplyWizardForm .messageList .statusCell {
    float: left;
    padding: 0 10px 0 10px;  
    font-weight: bold;
 }

#supportReplyWizardForm .messageList .statusCell.open {
    color: orange;
 }

#supportReplyWizardForm .messageList .statusCell.closed {
    color: green;
 }

#supportReplyWizardForm .messageList .ageCell,
#supportReplyWizardForm .messageList .dateCell{
    padding-top: 0;
    padding-bottom: 0;
    float: right;
    text-align: center;
}

#supportReplyWizardForm .messageList .isPrivateCell,
#supportReplyWizardForm .messageList .useAlternateCell {
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    font-weight: bold;
    color: darkred;
}

#supportReplyWizardForm .messageList .useAlternateCell {
    color: blue;
}

#supportReplyWizardForm .messageList .subjectCell {
    float: none;
    clear: both;
    font-size: 15px;
    line-height: 1.5em;
    padding-bottom: 5px;
    cursor: pointer;
}

#supportReplyWizardForm .messageList .messageCell {
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 1.5em;
}

#supportReplyWizardForm .messageList br {
    content: "";
    margin: 2em;
    display: block;
    font-size: 24%;
}

#requestMessagesTabPanel {
    min-height: 200px;
    margin-top: 0;
}

#checkEmailStatusList .listCell {
    padding-left: 10px;
}

#checkEmailStatusList .dateCell {
    padding-left: 0;
    width: 80px;
}

#checkEmailStatusList .providerStatusCell {
    width: 100px;
}

#checkEmailStatusList .providerStatusCell.pending {
    font-weight: bold;
    color: goldenrod;
}

.emailStatus,
#checkEmailStatusList .providerStatusCell.not_sent {
    font-weight: bold;
    color: red;
}

.emailStatus.active,
#checkEmailStatusList .providerStatusCell.delivered {
    font-weight: bold;
    color: green;
}

#checkEmailStatusList .subjectCell {
    width: 340px;
}

.supportImage {
    width: 300px;
}

.supportEmailView table {
    width: 100%;
}

body.tablet #dashboardContainer .groupBySelect,
body.tablet #dashboardContainer .dateRangeSelect {
    display: none;
}

.supportDashboardList .listRow.dashboardListRow .listCell.metricListCell {
    padding-left: 10px;
    width: 33%;
}

.supportDashboardList .listRow.dashboardListRow .listCell.metricListCell.metricOk span.metricValue {
    color: green;
}

.supportDashboardList .listRow.dashboardListRow .listCell.metricListCell.metricAlert .metricValue {
    color: red;
}

.supportDashboardList .listRow.dashboardListRow.jobStatusAlert .listCell {
    color: red;
}

.supportDashboardList .listRow.dashboardListRow .listCell.nameCell {
    width: 300px;
    padding-left: 10px;
    font-weight: bold;
}

.supportDashboardList .listRow.dashboardListRow .listCell.lastStartTimeCell {
    width: 100px;
    padding-left: 10px;
    text-align: right;
}

.supportDashboardList .listRow.dashboardListRow .listCell.dailyRunCountCell {
    width: 100px;
    padding-left: 10px;
    text-align: right;
}

.supportDashboardList .listRow.dashboardListRow .listCell.intervalTextCell {
    width: 100px;
    text-align: right;
}

.supportDashboardList .listRow.dashboardListRow .listCell.durationTextCell {
    width: 100px;
    text-align: right;
}

.supportDashboardList .listRow.dashboardListRow .listCell.timeSinceCell {
    width: 130px;
    text-align: right;
}

body.tablet .supportDashboardList .listRow.dashboardListRow {
    padding-top: 10px;
    padding-bottom: 10px;
}

body.tablet .supportDashboardList .listRow.dashboardListRow .jobListCell {
    float: none;
    width: unset;
    text-align: left;
}

body.tablet .supportDashboardList .listRow.dashboardListRow .listCell.nameCell {

}

body.tablet .supportDashboardList .listRow.dashboardListRow .cellGroup0 {
    width: 70%;
}

 body.tablet .supportDashboardList .listRow.dashboardListRow .cellGroup1 {
    width: 30%;
}

/* end support */

#ui-datepicker-div {
    z-index: 9999999 !important;
}

.monthsOnly .ui-datepicker-calendar {
    display: none;
}

.ui-datepicker select.ui-datepicker-month {
    margin-right: 10px !important;
}

/* end ui elements */

/* bids */

table.auctionBids
{
    width: 100%;
    margin: 10px 0 10px 0;
    border-collapse: collapse;
    border: 1px solid #999;
}

table.auctionBids tr:last-child td
{
    border-bottom-color: #777;
}

table.auctionBids th,
table.auctionBids td
{
    margin: 0;
    padding: 10px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    vertical-align: text-top;
}

table.auctionBids .bidDate{
    width: 150px;
}

table.auctionBids .bidder{
    width: 150px;
}

table.auctionBids .bidAmount{
    width: 150px;
    text-align: right;
}

table.auctionBids th
{
    color: #555;
    border-color: #777;
}

table.auctionBids tr
{
    margin: 0;
    color: #555;
}

table.auctionBids tr:nth-child(even)
{
    background: #eeeeee;
}

/* begin size option set manager */

.artworkOptionSetListRow,
.artworkOptionListRow {
    height: unset;
}

.optionValueCell {
    font-size: 14px;
}

/* end size option set manager */

/* begin gallery category manager */

.catDefListRow {
    cursor: pointer;
}

#galleryCategoryList .categoryNameCell {
    font-size: 16px;
}

#galleryCategoryList .editCell,
#galleryCategoryList .deleteCell,
#galleryCategoryList .dragCell {
    float: none;
}

#galleryCategoryList .deleteCell,
#galleryCategoryList .dragCell {
    padding-top: 20px !important;
}

#galleryCategoryList .dragCell {
    position: relative;
    left: 7px;
    cursor: ns-resize;
}

#galleryCategoryList .categoryCannedTypeCell,
#galleryCategoryList .categoryKeywordLabelCell,
#galleryCategoryList .categoryKeywordCell {
    padding-top: 5px;
    font-size: 16px;
}

#galleryCategoryList .categoryKeywordCell {
    margin-left: 20px !important;
}

.categorySortablePlaceholder {
    height: 118px;
    background-color: #eee;
}

/* end gallery category manager */

/* begin free entry */

#artistFreeEntryContainerWrapper {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 75px;
    text-align: center;
}

#artistFreeEntryContainerWrapper.hasCarousel {
    margin-top: 10px;
    visibility: hidden;
}

#artistFreeEntryContainer {
    display: inline-block;
    width: 80%;
    margin-bottom: 50px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    white-space: normal;
}

#artistFreeEntryContainer.editFreeEntry {
}

#artistFreeEntryContainer.noFreeEntryImage {
}

#FreeEntryImageContainer, #fullFreeEntryContainer {
    display: inline-block;
    vertical-align: top;
}

#FreeEntryImageContainer img {
    width: 250px;
}

#editFreeEntryTools {
    padding: 10px 0 15px 0;
    justify-content: center !important;
}

.rotateFreeEntryImage,
.deleteFreeEntryImage {
    font-size: 18px;
}

.rotateFreeEntryImage.cw,
.deleteFreeEntryImage {
    padding-left: 15px;
}

#artistFreeEntryContainer.editFreeEntry #fullFreeEntryContainer {
    max-width: unset;
    width: 710px;
}

#editFreeEntryTopLink {
    margin-bottom: 15px;
}

#editFreeEntryButton {
    display: inline-block;
    margin-bottom: 10px;
}

#cancelEditFreeEntryButton {
    display: inline-block;
    margin: 0 0 10px 10px;
}

#editInstructions {
        margin-bottom: 10px;
        font-size: 12px;
        font-style: italic;
}

body.isTablet #artistFreeEntryContainerWrapper {
    margin: 0 20px 0 20px;
}

/* end free entry */

/* begin pulse */

.pulse {
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 5px 2px rgba(0, 123, 255, 0.3);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
  }
}

/* end pulse */