::-webkit-input-placeholder { /*Chrome/ webkit*/
    color: #dbdbdb;
}

:-moz-placeholder { /* Firefox 18- */
    color: #dbdbdb;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #dbdbdb;
}

:-ms-input-placeholder { /* Microsoft */
    color: #dbdbdb !important;
}
/**************************************************/
/*
    Doubleknot's Standard Styles
*/

/* Gray color: text (all) (header uses same color but bold) */
.dk-text-gray {
    color: #808080;
    font-family:  sans-serif, Verdana;
    font-size: 13px;
}

/* Gray color: border (e.g. grid, panel & popup)*/
.dk-border-gray {
    border: 1px solid #d4d4d4;
}

/* Gray color: background (e.g. grid header background, grid alt-row, panel header background)*/
.dk-background-gray {
    background-color:#f8f8f8;
}

/* Links (no underline & text color) */
a.dk-link:link, a.dk-link:active, a.dk-link:visited, .dk-link {
    text-decoration: none;
    color: #808080;
    cursor: pointer;
    font-family: sans-serif, Verdana;
    font-size: 13px;
}

/*Text*/
.dk-standard-text, .dk-standard-controls {
    color: #808080;
    font-family: century gothic, Arial, sans-serif, Verdana;
    font-size: 13px;
}

/* for * */
.dk-critical-text {
    color: firebrick;
}

/*button*/
.dk-standard-button-primary, a.dk-standard-button-primary:link {
    color: #fff;
    border: 1px solid #adadad;
    padding: 2px 4px 4px 4px;
    background-color: #adadad;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration:none;
}

.dk-standard-button-primary:hover, a.dk-standard-button-primary:link:hover {
    background-color: #636363;
} 

.dk-standard-button, a.dk-standard-button:link, a.dk-standard-button:visited, .dk-standard-controls input[type='button']:not(.dk-btn-back):not(.dk-btn-continue), .dk-standard-controls input[type='submit']:not(.dk-btn-back):not(.dk-btn-continue) {
    font-family: sans-serif, Verdana;
    background-color: #adadad;
    color: white;
    border: unset;
    padding: 11px;
    font-size: 13px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    min-width: 100px;
    background-image: url('');
    background-repeat: no-repeat;
    text-align: center;
}

.dk-standard-button:hover, a.dk-standard-button:hover, .dk-standard-controls input[type='button']:hover, .dk-standard-controls input[type='submit']:hover {
    background-color: #636363;
}

.dk-standard-button[disabled], a.dk-standard-button[disabled], .dk-standard-controls input[type='button'][disabled], .dk-standard-controls input[type='submit'][disabled] {
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    cursor: default;
    color: #ddd;
}

.dk-standard-button[data-color="red"], a.dk-standard-button[data-color="red"], .dk-standard-controls input[type='button'][data-color="red"], .dk-standard-controls input[type='submit'][data-color="red"] {
    background-color: #a72020;
}
.dk-standard-button[data-color="blue"], a.dk-standard-button[data-color="blue"], .dk-standard-controls input[type='button'][data-color="blue"], .dk-standard-controls input[type='submit'][data-color="blue"] {
    background-color: steelblue;
}
.dk-standard-button[data-color="green"], a.dk-standard-button[data-color="green"], .dk-standard-controls input[type='button'][data-color="green"], .dk-standard-controls input[type='submit'][data-color="green"] {
    background-color: #77a809;
}
.dk-standard-button[data-color="white"], a.dk-standard-button[data-color="white"], .dk-standard-controls input[type='button'][data-color="white"], .dk-standard-controls input[type='submit'][data-color="white"] {
    background-color: white;
    color: #808080;
    border: 1px solid #d4d4d4;
}

.dk-standard-button[data-color="red"]:hover, a.dk-standard-button[data-color="red"]:hover, .dk-standard-controls input[type='button'][data-color="red"]:hover, .dk-standard-controls input[type='submit'][data-color="red"]:hover,
.dk-standard-button[data-color="blue"]:hover, a.dk-standard-button[data-color="blue"]:hover, .dk-standard-controls input[type='button'][data-color="blue"]:hover, .dk-standard-controls input[type='submit'][data-color="blue"]:hover,
.dk-standard-button[data-color="green"]:hover, a.dk-standard-button[data-color="green"]:hover, .dk-standard-controls input[type='button'][data-color="green"]:hover, .dk-standard-controls input[type='submit'][data-color="green"]:hover,
.dk-standard-button[data-color="white"]:hover, a.dk-standard-button[data-color="white"]:hover, .dk-standard-controls input[type='button'][data-color="white"]:hover, .dk-standard-controls input[type='submit'][data-color="white"]:hover {
    background-color: #636363;
    color: white;
}

.dk-standard-button.dk-button-cart {
    background-color: #d30a1c;
    color: #fff;
    border: 1px solid #e51626;
    text-decoration: none;
    display: inline-block;
}

.dk-standard-button.dk-button-cart:hover {
    background-color: #a50a18;
}

.dk-standard-button.dk-button-white {
    background-color: #fff;
    color: #808080;
    border: 1px solid #d4d4d4;
    text-decoration: none;
    display: inline-block;
}

.dk-standard-button.dk-button-white:hover {
    color: #000;
    border: 1px solid #000;
}

/*TextArea*/
.dk-stardard-textarea, .dk-standard-controls textarea {
    font-family:  sans-serif, Verdana;
    vertical-align: middle;
    background-color: white;
    color: #808080;
    border: 1px solid #d4d4d4;
    padding: 10px;
    font-size: 13px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

.dk-standard-textarea:hover, .dk-standard-controls textarea:hover {
    border: 1px solid #808080;
}

.dk-standard-textarea[disabled], .dk-standard-controls textarea[disabled]{
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    cursor: default;
    color: #ddd;
}

/*TextBox*/
.dk-standard-textbox, .dk-standard-controls input[type='text'], .dk-standard-controls input[type='email'], .dk-standard-controls input[type='number'], .dk-standard-controls input[type='date'], .dk-standard-controls input[type='password'] {
    font-family: sans-serif, Verdana;
    vertical-align: middle;
    background-color: white;
    color: #808080;
    border: 1px solid #d4d4d4;
    padding: 10px;
    font-size: 13px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

.dk-standard-textbox:hover, .dk-standard-controls input[type='text']:hover, .dk-standard-controls input[type='number']:hover, .dk-standard-controls input[type='date']:hover, .dk-standard-controls input[type='password'] {
    border: 1px solid #808080;
}

.dk-standard-textbox[disabled], .dk-standard-controls input[type='text'][disabled], .dk-standard-controls input[type='number'][disabled], .dk-standard-controls input[type='email'][disabled], .dk-standard-controls input[type='date'][disabled], .dk-standard-controls input[type='password'][disabled] {
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    cursor: default;
    color: #ddd;
}

.dk-standard-textbox[readonly], .dk-standard-controls input[type='text'][readonly], .dk-standard-controls input[type='number'][readonly], .dk-standard-controls input[type='email'][readonly], .dk-standard-controls input[type='date'][readonly], .dk-standard-controls input[type='password'][readonly] {
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    cursor: default;
}

/*remove ie default styling for dropdown*/
select.dk-standard-dropdown::-ms-expand, .dk-standard-controls select::-ms-expand {
    display: none;
}

/*Dropdown*/
.dk-standard-dropdown, .dk-standard-controls select {
    font-family:  sans-serif, Verdana;
    vertical-align: middle;
    background-color: white;
    color: #808080;
    padding: 10px;
    font-size: 13px !important;
    font-weight: normal !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #d4d4d4;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABT0lEQVQ4T2NkoBAwUqifgXID0nMrtWZObr9GjkuyC2u1GTPyq+cz/WNcPm1yyy5SDMnOq/Fi+McQxpiWlsbKyiG2gJGJYfaUCS0HiDEkO6/OmYHhX9LvH68SwGGQm5vL/o9RYPF/hn8Tpk1qPYbPkMzcWlsmRobcV0LMMasbGn7BA7GwsJDz52+epUwM/9qmTGk9g82Q7Pxa8/9/Gcq/fWGOWrCg4QdIDUosZGU18DAy/1rKxMBcN3ly80VkQ7ILqowY/jLUc7L/iurp6fkKk8OIxrS0cn4WNpZlfxn/lcJiJyOvSoeJkbnjB/vPyHldXZ+RDcaaDpILG4TY//1d8vf//3zWf3+Z/zEw9bKxsEZPmNDwAd1rOBNSbm6l6O//jGsYGZn+Mf37GzJ1avtbbOGCNyWm5TRo/GL683fBpJbbuGKG8qRMTMLBp4ZiFwAAq4pyv+DYf0gAAAAASUVORK5CYII=);
    background-position: calc(100% - 5px) calc(50%);
    background-repeat: no-repeat;
    padding-right: 1.9em;

}

.dk-standard-dropdown:hover, .dk-standard-controls select:hover {
    border: 1px solid #808080;
}

.dk-standard-dropdown[disabled], .dk-standard-controls select[disabled] {
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    cursor: default;
    color: #ddd;
}



.dk-standard-radio
{
    color:gray;
}

.dk-standard-radio input[type='radio'], .dk-standard-controls input[type='radio'] {
    width: 22px;
    height: 22px;
    margin-right: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    position: relative;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding: 2px 2px;
    font-size: inherit;
    line-height: 22px;
    background: white;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    outline: 0;
    vertical-align: middle;
    margin:5px;
   
}

.dk-standard-radio input[type='radio']:hover, .dk-standard-controls input[type='radio']:hover {
    border: 1px solid #808080;
    font-family:  sans-serif, Verdana;
}

.dk-standard-radio input[type='radio']:checked, .dk-standard-controls input[type='radio']:checked  {
    content: '';
    background: #f8f8f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAMAAAAcVM5PAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAnUExURcjIyLe3t8rKysvLy7GxsfLy8snJyba2tvPz87W1tbKysrOzs////2sFMqQAAAANdFJOU////////////////wA96CKGAAAAQ0lEQVR42nzNOw7AMAwCUNLGP/D9z1urypw3IRhAH7gFQ4Vbw0IjEpC4KUdtkVShxOkmuH4vcs2mlej0iifvF8cnwABvyAUclPnbiAAAAABJRU5ErkJggg==) center center no-repeat;
}

.dk-standard-radio input[type='radio'][disabled], .dk-standard-controls input[type='radio'][disabled] {
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    cursor: default;
    color: #ddd;
}

.dk-standard-radio label, .dk-standard-controls input[type='radio'] + label {
    color: gray;
    font-family:  sans-serif, Verdana;
    vertical-align: middle;
    padding: 5px;
    font-size: 13px !important;
    font-weight: normal !important;
}

.dk-standard-checkbox input[type='checkbox'], .dk-standard-controls input[type='checkbox'] {
    width: 22px;
    height: 22px;
    margin-right: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    position: relative;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding: 2px 2px;
    font-size: inherit;
    line-height: 22px;
    background: white;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    outline: 0;
    vertical-align: middle;
    margin: 5px;
}

.dk-standard-checkbox input[type='checkbox']:hover, .dk-standard-controls input[type='checkbox']:hover  {
    border: 1px solid #808080;
}

.dk-standard-checkbox input[type='checkbox']:checked, .dk-standard-controls input[type='checkbox']:checked  {
    content: '';
    background: #f8f8f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA1ElEQVRIS+2TOw7CMBBEJyMKRGjgCNyRkm9HA+KfS1FT8rsBBxihlRIpipLYhKRAiluv3njfrgM0fIKG+WgDnIZbRYmiPsmZpHHWWR2KDB5JmgC41R1g8HMMv+dN/JcOwhg+BZALt8CqAQY/SZqVwYsCRgAGAC4FS27wYwx/uD5CXgckuZEUAbhmAAY/SJoDcMLLFHVI7iStUqBeCv50vTy5L5tBl+Q2VvEmuZe0AOAN9xmyreEaACUtv4X7BFjNEEAI4OWrJV1XdU29s9oAp6r/V/QBS4tCGXvxUuwAAAAASUVORK5CYII=) center center no-repeat;
}

.dk-standard-checkbox input[type='checkbox'][disabled], .dk-standard-controls input[type='checkbox'][disabled] {
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    cursor: default;
    color: #ddd;
}

.dk-standard-checkbox label, .dk-standard-controls input[type='checkbox'] + label {
    color: gray;
    font-family:  sans-serif, Verdana;
    vertical-align: middle;
    padding: 5px;
    font-size: 13px !important;
    font-weight: normal !important;
}

/*checkbox to Toggle*/
.dk-standard-toggle2 input:empty {
    display: none;
}
.dk-standard-toggle2 input:empty ~ label:before,
.dk-standard-toggle2 input:empty ~ label:after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 55px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    border-radius: 30px;
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    border-radius: 60px;
}

.dk-standard-toggle2 input:empty ~ label:after {
    width: 25px;
    top: 2px;
    bottom: 2px;
    margin-left: 2px;
    background-color: #eeeeee;
    border-radius: 60px;
}

.dk-standard-toggle2 input:checked ~ label:before {
    /*background-color: #4cd966;*/
    background-color: #d4d4d4;
}

.dk-standard-toggle2 input:checked ~ label:after {
    margin-left: 2.1em;
}

/*New toggle */
.dk-standard-toggle {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dk-standard-toggle input:checked ~ label:after {
    display: inline-block;
    position: absolute;
    left: calc(40px + 7px);
    line-height: 24px;
    content: attr(data-label-checked);
    color: gray;
}

.dk-standard-toggle input:not(:checked) ~ label:after {
    display: inline-block;
    position: absolute;
    left: calc(40px + 7px);
    line-height: 24px;
    content: attr(data-label-unchecked);
    color: gray;
}

.dk-standard-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.dk-standard-toggle span {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid #ccc;
}

.dk-standard-toggle span:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.dk-standard-toggle input:checked + span {
    background-color: #777;
    border: 2px solid #ccc;
}

.dk-standard-toggle input:focus + span {
    box-shadow:;
}

.dk-standard-toggle input:checked + span:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    background-color: #fff;
}

.dk-standard-toggle span {
    border-radius: 34px;
    border: 2px solid #d4d4d4;
}

.dk-standard-toggle span:before {
    border-radius: 50%;
    background-color: #d4d4d4;
}

.dk-standard-center-panel {
    position: fixed;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    background-color: white;
    z-index: 99999;
}
/*popup*/
.dk-standard-popup {
    font-family: century gothic, sans-serif, Verdana;
    background-color: white;
    color: #808080;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    z-index: 9999;
    /*-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -khtml-border-radius: 7px;*/
    -webkit-box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.75);
}

.dk-standard-popup[data-radius="7"] {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -khtml-border-radius: 7px;
}
.dk-standard-popup[data-position="fixed"] {
    position: fixed;
    top: 20%;
}
.dk-standard-popup[data-width="800"] {
    width: 800px !important;
    left: calc(50% - 400px);
}
.dk-standard-popup[data-width="700"] {
    width: 700px !important; 
    left: calc(50% - 350px);
}
.dk-standard-popup[data-width="600"] {
    width: 600px !important;
    left: calc(50% - 300px);
}
.dk-standard-popup[data-width="550"] {
    width: 550px !important;
    left: calc(50% - 225px);
}
.dk-standard-popup[data-width="500"] {
    width: 500px !important;
    left: calc(50% - 250px);
}
.dk-standard-popup[minwidth-700] {
    min-width: 700px !important
}
.dk-standard-popup[maxwidth-700] {
    max-width: 700px;
}
.dk-standard-popup[maxheight-600] {
    max-height: 600px;
}

.dk-standard-popup[border] {
    border: 1px solid #eeeeee;
}

.dk-standard-popup[popup] {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background-color: #FFF;
    position: fixed;
    top: 5%;
    left: -moz-calc(50% - 350px);
    left: -webkit-calc(50% - 350px);
    left: -o-calc(50% - 350px);
    left: calc(50% - 350px);
    overflow: auto;
}

.dk-standard-popup a[close][standardstyle] {
    font-family: century gothic, sans-serif, Verdana;
    position: absolute;
    right: 5px !important;
    top: -10px !important;
    margin-top: 5px;
    text-decoration: none;
    color: gray;
    font-size: 30px;
}

.dk-standard-popup a[close] {
    right: -15px;
    top: -15px;
}

.dk-standard-popup a[close] > img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.dk-standard-popup > div[headertext] {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    position: relative;
}

.dk-standard-popup > div[headerline] {
    border-bottom: 1px solid #d4d4d4;
    width: 100%;
    padding-top: 8px;
    color: #000;
}

.dk-standard-popup > div[body] {
    padding: 20px;
    text-align: left;
    font-family: century gothic, sans-serif, Verdana;
    background-color: white;
    color: #808080;
    font-size: 13px;
}


.dk-standard-popup-message {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    background-color: white;
    z-index: 99999;
    -webkit-box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.75);
    min-width: 350px;

}

.dk-standard-popup-panel {
    background-color: #fff;
    padding: 12px;
    color: #808080;
    font-size: 14px;
    
}

.dk-standard-popup-panel [header] {
    text-transform: uppercase;
    font-size: inherit;
    color: inherit;
    padding: 15px;
    padding-left:20px;
    border-bottom: 1px solid #ebe8e8;
    min-height: 45px;
    vertical-align: middle;
    display: block;
    background-color: #fff;
}

.dk-standard-popup-panel [body] {
    padding: 8px;
    color: inherit;
    font-size: inherit;
    width:100%;
    height:100%;
}
.dk-standard-close {
    position: absolute;
    top: 7px;
    right: 0px;
}

.dk-standard-close > [image] {
    width: 40px;
    height: 40px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABb0lEQVRYR8WWQUoGMQxG34+eRhC9jaIeRFBRUQ+i6ELwLG4EL6OiRKYSS9ombWG6m2nI95qkSTesvDYr61MC2AXeJsOZPi2AG+AUOAGeJ0EcAffALXCtfeYAIn6+GHxOgkji24vfKw2hASREr0AyFPtRiFxcfH4A+8C7fOQROAAeJ0GUxOX/S0qDVQMzIFziVgQS2AiEW7wGIHs9ECHxFkAUIizuAfBCdIl7AVoQW0uT0ddXrtq/ai81tMgssGria3EsEGm5xSMRqN0OfbiQeA9ASscToE8t/yUah7rJeOZIJAXJn+T2oQBwHB1gUQCr2vVBw7MjAmCJW0UYgvAC1O651EL3APMAeJpMT9v+TV0LwCM+NMBqABHxbogSQI94F4QFMCIehsgBZoiHIFqP0nBvz9pv6XbslR6ll4A8m2WNiluR+AYugLu0adWAQJx557ln4KjnnRzuT7zWB3ZSiJwCHjPTZ6sReRwP2awO8AMcU4khdAglUwAAAABJRU5ErkJggg==);
}

.dk-standard-expand {
    position: absolute;
    top: 11px;
    right: 40px;
}

.dk-standard-close > [image]:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dk-standard-expand > [image] {
    width: 40px;
    height: 40px;
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABq0lEQVRIS8WWyS4FQRSGv4vHkNhhI5FgJYSNhzAlhLUXuKZIrBBbiZg9hAgxrWxI7NjcG69xDfmlSrqPqu4yJGp1b/ep8535dAVYB+aAZvKnDowAj+a5/dsJnAKt5sULsFkBGgHlXnYcOC4BSOYwItMQ4C3ycgFYKVHuXy8BiyHZGOAe6AFeEwEK7x3QZeWLPDgAphIgUr4PjKV4IMu7M4JlkJDynA55UAPagHlgFdgFJhMgIeW6OwMof8pJTYB2oC9TLU0JkCLlPm8K2a0AoWMhujQEXDth/T4H/H1v+ZeiiAGkx0NU50q28pE908A2sOfCEqy4IoCH9Gcst94OAjdFlVYGSGyDuNi/A1QtA8BFxMZh4PKnIfKlOOqSuGMgs8CWG3TRjo+FyNa5BqJK88pBZPlZpkyjHS+A5nkvcOQupzRRSjNO+EZ7dsti2Y1nO7hiTVQE0fjW6KnbafpgRm60Q523IUhOR9G4LlPucx6CfNbDXy0cQTSmv7VwlBPFMuVotVZjC+e3S1/VYgehZ30s/TX32dJiLNAi0mfLU4kLHcCJW1pZURm+8Q6S2HMng0e2pAAAAABJRU5ErkJggg==);
}

.dk-standard-expand > [image]:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.dk-standard-dim-screen {
    clear: both;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    z-index: 1000;
}
.dk-panel-standard, .dk-standard-panel {
    font-family: century gothic, sans-serif, Verdana;
    vertical-align: middle;
    background-color: white;
    color: #808080;
    font-size: 13px;
    border: 1px solid #d4d4d4;
    text-align: left;
    width: 100%;
}

.dk-panel-minimum {
    font-family: century gothic, sans-serif, Verdana;
    vertical-align: middle;
    background-color: white;
    color: #808080;
    font-size: 13px;
    border: 1px solid #d4d4d4;
    text-align: left;
    display: inline-block;
}

.dk-panel-standard .header, .dk-panel-minimum .header, .dk-standard-panel [header], .dk-panel-minimum [header] {
    background-color: #f8f8f8;
    color: #808080;
    font-weight: bold;
    padding: 12px;
    border-bottom: 1px solid rgb(212, 212, 212);
}

.dk-panel-standard .body, .dk-panel-minimum .body, .dk-standard-panel [body], .dk-panel-minimum [body] {
    color: #808080;
    background-color: white;
    white-space: normal;
    padding: 12px;
}

.dk-panel-standard .footer, .dk-panel-minimum .footer, .dk-standard-panel [footer], .dk-panel-minimum [footer] {
    background-color: #f8f8f8;
    color: #808080;
    font-weight: bold;
    padding: 12px;
    border-top: 1px solid #ddd;
}
.dk-mm-close {
    position: absolute;
    top: 7px;
    right: 0px;
}

.dk-mm-close:hover {
    filter: grayscale(100%);
    opacity: 0.6
}

.dk-mm-close > [image] {
    width: 40px;
    height: 40px;
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABb0lEQVRYR8WWQUoGMQxG34+eRhC9jaIeRFBRUQ+i6ELwLG4EL6OiRKYSS9ombWG6m2nI95qkSTesvDYr61MC2AXeJsOZPi2AG+AUOAGeJ0EcAffALXCtfeYAIn6+GHxOgkji24vfKw2hASREr0AyFPtRiFxcfH4A+8C7fOQROAAeJ0GUxOX/S0qDVQMzIFziVgQS2AiEW7wGIHs9ECHxFkAUIizuAfBCdIl7AVoQW0uT0ddXrtq/ai81tMgssGria3EsEGm5xSMRqN0OfbiQeA9ASscToE8t/yUah7rJeOZIJAXJn+T2oQBwHB1gUQCr2vVBw7MjAmCJW0UYgvAC1O651EL3APMAeJpMT9v+TV0LwCM+NMBqABHxbogSQI94F4QFMCIehsgBZoiHIFqP0nBvz9pv6XbslR6ll4A8m2WNiluR+AYugLu0adWAQJx557ln4KjnnRzuT7zWB3ZSiJwCHjPTZ6sReRwP2awO8AMcU4khdAglUwAAAABJRU5ErkJggg==);
}
/***************TABS****************/

.dk-standard-tabs {
    /*margin:auto;*/
    padding: 0;
    list-style: none;
    max-width: 900px;
    width: 100%;
}

.dk-standard-tabs > a:link, .dk-standard-tabs > a:visited, .dk-standard-tabs > span {
    float: left;
    border: 1px solid #f8f8f8;
    border-bottom-width: 0;
    margin: 0 0.3em 0 0;
    padding: 7px 10px 7px 10px;
    background-color: #f8f8f8;
    cursor: pointer;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #808080;
    font-size: 10px !important;
    font-family: Verdana,sans-serif;
    text-align: center;
}

.dk-standard-tabs > a:hover, .dk-standard-tabs > span:hover {
    background-color: #d0cfcf;
}

.dk-standard-tabs > a[selected]:link, .dk-standard-tabs > a[selected]:visited, .dk-standard-tabs > div[selected] {
    position: relative;
    top: 1px;
    background: white;
    border-top: 1px solid #d0cfcf !important;
    border-left: 1px solid #d0cfcf !important;
    border-right: 1px solid #d0cfcf !important;
    border-bottom: unset;
    font-family: Verdana,sans-serif;
    cursor: default;
}

.dk-standard-tabs-content {
    width: 100%;
    border-top: 1px solid #d0cfcf;
    clear: both;
    height: 7px;
}


@media only screen and (max-width: 600px) {
    .dk-standard-tabs {
        width: 300px;
    }

    .dk-standard-tabs > a:link, .dk-standard-tabs > div {
        padding: 7px 4px 7px 4px;
        margin: 0 0.3em .3em 0;
        width: 145px;
        display: block;
        height: 30px;
    }

    .dk-standard-tabs > a[selected]:link, .dk-standard-tabs > div[selected] {
        position: unset;
        top: unset;
        border: 1px solid #d0cfcf;
        text-transform: uppercase;
    }

    .dk-my-account-tabs-content {
        border-top: none;
    }
}
/***END TABS********************/
/*************************************************/
.dk-standard-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.dk-standard-table > [tr] {
    display: table-row;
    width: 100%;
}

.dk-standard-table > [tr] > [td] {
    display: table-cell;
}

/*obsoleted - style - need to check project before removed*/
.table {
    display: table;
    border-collapse: collapse;
}
.tr { display: table-row; }
.td { display: table-cell; }

.dk-Table { display: table; border: 1px solid #d4d4d4; } 
.dk-TableRow { display: table-row;   text-align:center;  } 
.dk-TableHeading { display: table-header-group; } 
.dk-TableBody { display: table-row-group; } 
.dk-TableFoot { display: table-footer-group; } 
.dk-TableCell, 
.dk-TableHead { display: table-cell; padding:8px; text-align:center; }

/* end- obsoleted - style - need to check project before removed*/

.dk-title-bar
{
    font-size: 14px;
    padding:10px;
    text-transform:uppercase;
    background-color:#adadad;
    color:white;
}

hr, .hr
{
    color:#d4d4d4;
}

.dk-basic-title
{
    text-transform: uppercase;
    color:#636363;
}

.dk-basic-panel
{
    border: 1px solid #d4d4d4;
}

.dk-basic-panel > div[header]
{
    background-color:#f8f8f8; 
    padding:14px; 
    border-bottom: 1px solid #d4d4d4;
    font-weight:bold; 
    text-transform: uppercase;
    color:#636363;
}

.dk-basic-dropdown {
    vertical-align: middle;
    background-color: white;
    color: #636363;
    border: 1px solid #d4d4d4;
    font-family:  sans-serif, Verdana;
    font-size: 13px;
    padding: 10px;
    font-weight: normal !important;
    cursor: pointer;
    margin: 4px;
}

.dk-basic-dropdown:hover 
{
    border: 1px solid #808080;
    color:#636363;
}

.dk-avatar {
    position: relative;
    padding-right:10px;
}

.dk-avatar img {
    width: 100px;
    /*height:100px;*/
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    padding: 2px;
}
/***************BEGIN LOADER*******************/
.dk-timer-loader-7s {
    -moz-animation: timerloaderAnimation 0s ease-in 7s forwards;
    /* Firefox */
    -webkit-animation: timerloaderAnimation 0s ease-in 7s forwards;
    /* Safari and Chrome */
    -o-animation: timerloaderAnimation 0s ease-in 7s forwards;
    /* Opera */
    animation: timerloaderAnimation 0s ease-in 7s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.dk-timer-loader {
    -moz-animation: timerloaderAnimation 0s ease-in 20s forwards;
    /* Firefox */
    -webkit-animation: timerloaderAnimation 0s ease-in 20s forwards;
    /* Safari and Chrome */
    -o-animation: timerloaderAnimation 0s ease-in 20s forwards;
    /* Opera */
    animation: timerloaderAnimation 0s ease-in 20s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.dk-timer-loader-25s {
    -moz-animation: timerloaderAnimation 0s ease-in 25s forwards;
    /* Firefox */
    -webkit-animation: timerloaderAnimation 0s ease-in 25s forwards;
    /* Safari and Chrome */
    -o-animation: timerloaderAnimation 0s ease-in 25s forwards;
    /* Opera */
    animation: timerloaderAnimation 0s ease-in 25s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.dk-timer-loader-60s {
    -moz-animation: timerloaderAnimation 0s ease-in 60s forwards;
    /* Firefox */
    -webkit-animation: timerloaderAnimation 0s ease-in 60s forwards;
    /* Safari and Chrome */
    -o-animation: timerloaderAnimation 0s ease-in 60s forwards;
    /* Opera */
    animation: timerloaderAnimation 0s ease-in 60s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.dk-timer-loader-180s {
    -moz-animation: timerloaderAnimation 0s ease-in 180s forwards;
    /* Firefox */
    -webkit-animation: timerloaderAnimation 0s ease-in 180s forwards;
    /* Safari and Chrome */
    -o-animation: timerloaderAnimation 0s ease-in 180s forwards;
    /* Opera */
    animation: timerloaderAnimation 0s ease-in 180s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes timerloaderAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
        display:none;
        position:absolute;
        top:-10000px;
    }
}

@-webkit-keyframes timerloaderAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
        display: none;
        position: absolute;
        top: -10000px;
    }
}

.dk-standard-vertical-line {
    position: relative;
    width: 20px;
}

.dk-standard-vertical-line [line] {
    position: absolute;
    left: 49%;
    top: 10%;
    bottom: 10%;
    width: 1px;
    background: #EEEEEE;
    z-index: 1;
}

.dk-standard-vertical-line [word] {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
    z-index: 2;
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 3px;
    font: bold 12px arial,sans-serif;
    background: #fff;
}

/****END LOADER******/
/*
input.dkbtn92fw
{
   font-size:11px;
   padding-left:10px;
   font-family:Verdana,sans-serif;
   text-align:left;
   width:92px;
   height:21px;
   background-image:url(/images/dkbtn92fw.png);
   border-style:none;
}

input.dkbtn92rw
{
   font-size:11px;
   padding-right:10px;
   font-family:Verdana,sans-serif;
   text-align:right;
   width:92px;
   height:21px;
   background-image:url(/images/dkbtn92rw.png);
   border-style:none;
}

input.dkbtn92mid
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   text-align:center;
   width:73px;
   height:21px;
   background-image:url(/images/dkbtn92mid.png);
   border-style:none;
}

input.dkbtn111fw
{
   font-size:11px;
   padding-left:10px;
   font-family:Verdana,sans-serif;
   text-align:left;
   width:111px;
   height:21px;
   background-image:url(/images/dkbtn111fw.png);
   border-style:none;
}

input.dkbtn111rw
{
   font-size:11px;
   padding-right:10px;
   font-family:Verdana,sans-serif;
   text-align:right;
   width:111px;
   height:21px;
   background-image:url(/images/dkbtn111rw.png);
   border-style:none;
}

input.dkbtn111mid
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   text-align:center;
   width:92px;
   height:21px;
   background-image:url(/images/dkbtn111mid.png);
   border-style:none;
}

input.dkbtn124mid
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   text-align:center;
   width:124px;
   height:21px;
   background-image:url(/images/dkbtn124mid.png);
   border-style:none;
}*/
.dk-standard-button-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}

.dk-standard-button-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
}

.dk-standard-button-leftright {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dk-standard-button-leftright {
    color: #fff !important;
    background-color: #d4d4d4 !important;
    opacity: 1;
    border: 3px solid #d4d4d4;
    display: inline-block;
    padding: 7px 10px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 4px;
    transition: background-color .5s ease-out;
}

.dk-standard-button-leftright:hover {
    color: #000000 !important;
    background-color: lightgray !important;
    opacity: 0.3;
}

.dk-standard-button-leftright:focus {
    outline: none;
}

.dk-standard-steps {
    display: table;
    border-collapse: separate;
    border-spacing: 0px 10px;
    width: 100%;
}

.dk-standard-steps [step] {
    display: table-row;
    margin: 100px;
}

.dk-standard-steps [number] {
    display: table-cell;
    width: 50px;
    vertical-align: top
}

.dk-standard-steps [number] > div {
    height: 35px;
    width: 35px;
    background-color: #d8d8d8;
    border-radius: 50%;
    display: inline-block;
    margin: 8px;
    position: relative;
}

.dk-standard-steps [number] > div > span {
    position: absolute;
    top: 26%;
    left: 37%;
    font-size: 15px;
    color: white;
    font-family: century gothic, Arial, sans-serif, Verdana;
}

.dk-standard-steps [data] {
    display: table-cell;
    vertical-align: top;
    padding-top: 7px;
}

.dk-standard-steps [data] > div:nth-child(1) {
    font-weight: bold;
    padding: 4px;
}

.dk-standard-steps [data] > div:nth-child(2) {
    padding: 4px;
}
input.dkbtn124addpart
{
    padding: 0px 0px 0px 3px;
    font-size: 11px;
    font-family: Verdana,sans-serif;
    text-align: left;
    width: 143px;
    height: 21px;
    background-image: url(/images/dkbtn124addpart.png);
    border-style: none;
}

input.dkbtn124importpart
{
    padding: 0px 0px 0px 3px;
    font-size: 11px;
    font-family: Verdana,sans-serif;
    text-align: left;
    width: 143px;
    height: 21px;
    background-image: url(/images/dkbtn124importpart.png);
    border-style: none;
}
.dk-btn, a.dk-btn:link {
    background-image: url('');
    background-color: #adadad;
    background-repeat: no-repeat;
    color: white;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 4px;
    min-width: 100px;
    font-family: Verdana,sans-serif;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}

.dk-btn:hover, a.dk-btn:hover {
    background-color: #636363;
}
.dk-btn.white, a.dk-btn.white:link {
    background-color: #fff;
    border: 1px solid gray;
    color:gray;
}
.dk-btn.white:hover, a.dk-btn.white:hover {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
}
.dk-btn.icon-green-plus, a.dk-btn.icon-green-plus:link {
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAADEklEQVQ4T6WUXWhTZxjHn/972rQIfjDwwkG1m4gXuxHcVXJiTCIiXTVJwXTokH0ogohDWUARJJug4sfEoQgOC5XtpmJOQkcY0p6zLSfZLnpRL0Rv/Kh0eKNzH8Lsac/zyBtNTNNclHruzvPxO+//+b/nAbV4isVih9e5rJ/BSQjWg3mFLhOlHhNhjCBWx///XO/p6ZlqbkdzoOCUP/aFzimmRazYMshwWWSyWqekCwyTICkmeQ7CoVTMHGpk1IHZrKh1kd8vke9/IVAnppV3Nh2NPm+loOC6i8mjjLAcJoUr47+FDmSzYF1bB+adymX2pV8Bvcl4sNIIOl/66P0ZVpKJDD9ojOcc11Q+hknJj8mYub8O1DLF52sEY2NrmH9HF88wrT0S/flhIzQ/4oaZYBvAjkQ8eB3agBedS+9D6PtUPJRtlnim1LuRiJ1XcRXNhH/6pbnGcsrH4fOn3l/vrEberuwilgue4XW1mtl8gHqmvieTBrAPOcfNkcjffbHw560MmA9Q9+Vsd5BEFsGyyxOK8HUiFhzQiaoBhJV1OGQdiZyvvgMHSTBezzEmakblHXc3+XQU+ZGSJ1C9qXjo5is3/TukVKDVaefEmL2aUdZoeTPAw7OAZ37d+h7R9N35AploylC09qtQcaIO1JIJ8k0qal7VJzjpbOlua2vrno9kKH6gYbq2MFreMwMcgWVXbkDk32Q89NnbmJK3y9cI1AnLKX8CkYsIUFfCNP9byD0sFv9Y8iLgTwLY+/piL75nEAYSMfPYQoCWXTlBJDunnyxbU/2XLdtNg+UHNhDri5puI7RmFCslNQNm/c92JUIsI4aS/kTMzL1ZDrZ7kRg7iWRbcpNZamzSRrUHlNQMqOVydiWiiAvEMpjcFP5y1raprq8N5e+YsRcGnVLtcrrVTHWTntlUJx8WlgxAl26VgofmrK/aVwujle0i/resaAkR8gpUEsaj6mogWiWgMDMloeiZIjmoZTaqmbOxdXJo6HagY/mz7T5LUgk+JCXv6rhPxp8GZEwY1vTTpTfS6Q+8ZhNfAnaFncV4j54EAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px 50%;
    color: darkgray;
    padding-left: 40px;
    font-weight:bold;
}

.dk-btn.icon-red-x, a.dk-btn.icon-red-x:link {
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAADX0lEQVQ4T42UXWgcVRTH/+deTEI3/UDog0LwQXzyRVAXSSaNuxsUYuzOtjYRK+JXKYioLRQjgqwKQbQKSougWGjRl8Ts7La6frA7g+7s2qZ50AcfLSgRX9S2mmAz6T1H7iSTbrZRMo/nnvO753/ufw5hg69arXZHPTvGmdgloTuJ+SabJkr9BtAcSLzufy5Pj4yMLHWWU2egEjQfNoK3FWMLK/Y0dMgi83Gekj5ickBSYMgCgQ4Xss5UO2MNWCyKumPou+Mw5ikhNbmsoqNjmczCRgoqYbgVEY4IywQUffD9twPPFYvENncNWA5a77ORcUU06ub6WxuBOmOlIHSUoTNQ8ombdZ5dA1qZYvgUSN+7WVgCL9fCQQb5muiRfK5/muwDXOnZfoEEHxZyA0WbuJhLuwIcAmGytzb7VXtni8PpB2AwAai3UsHZ0/bMC5qvk+HHoz9vvJXKfusxsLwb6agvmdlCLv0NgF3MiLTC3lR99rP4osw9uw14Wil0ARz01ueyNm5naiKZ10TPUCkISxC5tCc7+GTSycJw+n42OG0LYyjJQxBNCYwZS0rLaG/tfC2pKfnhSYhsIc9v/qxAr+az/SfWSculRw1jJoHGrlm5YEkpcXvr579szy8H4dMweJnKtUYkpEYLuYGvO19xMXv3g0bo0xWJgIVp4kLKn/uiM9erN+8j4jP/D1w3s1Wgxt5Ubfbz/wRaySB5rZBxPlonuQ1mO1uV3B13uQG0Um8euEr0Enl+a4ZE/nJzA08kQGsNY1BKZmZlQillTDzTGKo08u2WKvvNUyD0kBc0HyWRY9SFvrzj/L1ij3RDFJzOB1i9KIa226ZaPbvtSpeZJ6KDq8be+pMGnchnnVcSv4m6+gKIJtutYc+spSD8IrE+mgrOVWNj+61JQPYv/77jtvhf9vxwjFg+Zk3ZPRkn3Mx/fM1/rSGw1LSS8XzWKV1bDn54DEz7AdntDjuNzUBLfmtIgStgOekODz6/btvE62tX8z1mOkgab6gb5M1kpp1wO7OlHp4QliNEOP5Do//wdesrKarUW/tEzDussA2gsiI0hOmX2DbALUIYZIZLChcV5JCV2X7hdRvbHk5N/djVvfPiPsPiKqG7oORmGzfQv2qSOWHylv/YPjM2dnvU2f2//m6+xZNsXJEAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px 50%;
    color: darkgray;
    padding-left: 32px;
    font-weight: bold;
}
.dk-btn.icon-red-x:hover, a.dk-btn.icon-red-x:hover, .dk-btn.icon-green-plus:hover, a.dk-btn.icon-green-plus:hover {
    background-color: #e9e9e9;
    color: gray;
}
.dk-btn-page-next, a.dk-btn-page-next:link
{
    background-color:#f8f8f8;
    color:white;
    border: 1px solid #d4d4d4;
    padding:10px;
    border-radius: 4px;
    padding-right:80px;
    font-family: Verdana,sans-serif;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAcCAYAAADcO8kVAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANtSURBVHja7JlLaBNRFIYnpeLOdsD6osQ2S5+FFhcKkkKKglVqINq60o3ZWG1x0SzcCbZZiAhx0aLoqthWgk8QUmx1IagJ1BeKSK2lCFUxLbrSRfwv/BcvY+ZmMtFqhhz4SDL3zGXmv+ec+4gvl8sZFfvdqioS5LfqcnvgZDKpa/aDQ6AVbAB14AeYA+/BJBgB7+w6CIfDnooYIcgwyIB6kAA7wAqwDuwHF9j2hL5+r6fSPpAGr0AjOAZugVnwHXwFr3lNtDXQV4jY5ZlUstgJcByEwDOH93wDp8F1cAOsAee8JMxBcBJsZw0p1p6DneAh+MDaU/ap5GcdibgURdoc+0hYa061Uu1FOKbAOGjL04lsF+b7m28tZwaN9YOL4FEBvyamTAeYsvERfVwCcbXmVNkIMLCEo99MwVMO/deDXQ6fsZb+kxRJJ3QbfbWp1AeOLpEwJgcj5NC/E9wGiw58hSBHQA2/19r4LbLGdDqpMQMczf/NWjmbOLUrDsW5y761wgxxJFP81KXBKPgCcvQPKZEgr48qaZojMiLVFMo5iJxNXLcYRYrTC7ZqxJli39rpOsaXlvnfoqkNJgt2hi+bYr6Kawf4O8K2PkX4IZcRsxLM50kZJzaviNOUp62uUMRk+VJZCjBoU4eEKGMUIqbMZjIaxnndYB8BChhV+lFnQB/vKWTL/+UmcpoPnbYpxDLkI0wB1SLK9zjvD/B3tMRn/gzWcqkvLejgvh6ucJ/a+K8Gn5yufOXoDuYRx1SiQjfKEUUUGU2liPOSteBNEfcctoiyYLPmeVHMyteuHoxZoiJOgdRiHVDSMK4IU8pS4B7YW6Qolzkld9iIImw3mCh2SxBl9BgWMWRKpVlk00qBNTkbmUqtif+BpYBYb7Rz+i1kQUUU8X3Gxq+Ge68RN3ulNhZjNc1aGDnNFCijCCBfPqukTow+JiPJdCHMjKWo62yBB1RBzZZAPldKFc5Xbme+PMHzU+A94HGJXW4DdziIs+V+gicOobrBNZ7KubV69tHNPj1xgncVnAX3wRYX928GD8B59mV4RRiDL9XLmtOv2QdZd9xnOLudoriG14QRdpOTQAN4y0OndtahZcTPawn6NLKmDLtZ+ZZbzekyfv19ImrGRrCK7R+5MJxgsZ0u1KGv8k9kfqv8E2ljPwUYACL91MKqMTeTAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center; 
    text-decoration:none;
    cursor:pointer;
}

.dk-btn-page-next:hover, a.dk-btn-page-next:hover
{
    background-color:#636363;
}

.dk-btn-page-back, a.dk-btn-page-back:link
{
    background-color:#f8f8f8;
    color:white;
    border: 1px solid #d4d4d4;
    padding:10px;
    border-radius: 4px;
    padding-right:80px;
    font-family: Verdana,sans-serif;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAcCAYAAADcO8kVAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANsSURBVHja7JlPSBRRHMdHMbqlG/1HNrVb/2GjQ0EoGAVZlGBpp7qslzSkw+6hW5DrISqwg1LUSTJD+gvBSlaHoD8L/aUOtalIYEWr1KkO2/dH31eP18zszCRsTv7g44773vxm3nfe+773Zkvy+bw1G39G6awE9lEmfwYHB93qRMF+UAdWgoXgOxgHo+AO6AfvnBI0NjaGqseIIH0gAypBN9gM5oFlYA84w7JHrBsN+1DaBR6DV6AaHALXwRj4Br6A1/xOyqpYV0RsCc1QMuIwaAf14JnHPF/BMXAFXAVLwMkwCbMPHAGb6CF+4znYAu6D9/QeT1HA56Yr5GGneVzi5oelhqeIjzQFFEXFOHN0z2TP0YXpBGfBA5f668EIP91CcpwDXT7uJW9wCdQUeygtB9vAigKiyNRcDio85Bah3zL3aIB7a6IwG4rZY5rBDTDlUK9KE+UgjwvFFD2m2ec9bSUSMVI0Yeo4m9hFBWcbJcoFH/lvMbffGNKOI8UUZjXXLXaiSO9YBzp8iiLxhLmDDCOJnCGSRAJ8JgnNk+q1OjF6lCpLOFwnwjx5tj9ieswCMGFzohJFynaTQlGrHU9wC+En0g49R4mS0v5P2ZxfwxwRY5rushFF1ctw+ObsZqW5/8hMmdEEaTIar558L9chrTbnp7TGzme9pEO9mJ0oeo/5BJZyqW8+fdVrJNEpn41cDD76PCdJYdRiLMGnHdN6QVITKG4YtBqGXVpjMzbXifNzrymK3mNeOnjBJMV5yiX+AZ+NlCn+RcCeM2R4xnSHEqPHzXxvg50OCZQ4Mv2e9ynOdjAc8Mbj2nGWQuUMb4nbiDagDbuIi7Ctmv+knISR9UYDp2Qv4tR6aFg59179PgVJc5bo0XpOVhseSpC8w9NWQyimzTh2Jj2g5UsYD+KXMCO8gWSBqbeWq9hJj16RZu6gXb2XHqA3OsmynMP9KjMdcJndTD/TzfjnDlPe+XJnG2XSHeDhX47fjeAmLzQ209/gyUuoNnCZb+WCRiVztDFnKN7gXQQnwF2wNkC+NeAeOM1cVliEsdioDo69To87aalznLPbUYprhU0YiWvc7suu+g1fOjXQh+aQKL/rZp1qekqfFYIocykTf2ixfv98Ip6xCixi+QcuDIdptlkrRFEy+0ukv6H038cPAQYAm8fYXztADQIAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: center; 
    text-decoration:none;
    cursor:pointer;
}

.dk-btn-page-back:hover, a.dk-btn-page-back:hover
{
    background-color:#636363;
}

.dk-btn-page-current
{
    background-color:white;
    color:#000000;
    border: 1px solid #d4d4d4;
    padding:10px;
    border-radius: 4px;
    font-family: Verdana,sans-serif;
    cursor:pointer;
    font-size:14px;
    font-weight:bolder;
    margin:6px;
   
    text-align:center
}

.dk-btn-page-current:hover
{
    background-color:#d4d4d4;
    color:#000000;
}

.dk-btn-continue, a.dk-btn-continue:link, a.dk-btn-continue:visited, input.dkbtn92fw, input.dkbtn111fw {
    background-color: #adadad;
    color: white;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 13px;
    padding-right: 32px;
    border-radius: 4px;
    min-width: 100px;
    font-family:  sans-serif, Verdana;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACASURBVHjaYvz//z8DNQETA5XB8DLQAIgfQGmqGCgAxPJAfACvoaBYJgEn/IeAD0CsgE0NqQYiG3oBiAWoYSAIF+AylBFLwj5AZJhqALE4EF9EDlOqJxuqe3nAIwU52QhQmmwckAwzwKWOlEj5AMQPgdgBiC/gUsQ4Wh5SDAACDAAYl8MDfc/HhwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: right;
    background-position: -webkit-calc(100% - 10px) 50%;
    background-position: -moz-calc(100% - 10px) 50%;
    background-position: -o-calc(100% - 10px) 50%;
    background-position: calc(100% - 10px) 50%;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}

.dk-btn-continue:hover, a.dk-btn-continue:hover, input.dkbtn92fw:hover, input.dkbtn111fw:hover
{
    background-color:#636363;
}

.dk-btn-middle, a.dk-btn-middle:link, a.dk-btn-middle:visited, input.dkbtn92mid, input.dkbtn111mid, input.dkbtn124mid {
    background-color: #adadad;
    background-image: url('');
    background-repeat: no-repeat;
    color: white;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 13px;
    border-radius: 4px;
    min-width: 100px;
    font-family:  sans-serif, Verdana;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}

.dk-btn-middle:hover, a.dk-btn-middle:hover, input.dkbtn92mid:hover, input.dkbtn111mid:hover, input.dkbtn124mid:hover
{
    background-color:#636363;
}

.dk-btn-back, a.dk-btn-back:link, a.dk-btn-back:visited, input.dkbtn92rw, input.dkbtn111rw {
    background-color: #adadad;
    color: white;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 13px;
    padding-left: 32px;
    border-radius: 4px;
    min-width: 100px;
    font-family:  sans-serif, Verdana;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABuSURBVHjaYvz//z8DNQDjoDOIAWQQDmwAxA+gNAMhjM+QD/8hwIFcgxSQDEkgxhBsBgkA8QVSDUE3CNmQAlIMAWHkWLsAxPpA/BKIbxAZVw4wBhMDtQC1vEaTwEY2jOLop2qCJCuLMA7fYgQgwABtkEcfk/589gAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px 50%;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}

.dk-btn-back:hover, a.dk-btn-back:hover, input.dkbtn92rw:hover, input.dkbtn111rw:hover
{
    background-color:#636363;
}

.dk-btn-crop, a.dk-btn-crop, a.dk-btn-crop:link {
    background-color: #adadad;
    color: white !important;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 13px;
    padding-left: 32px;
    border-radius: 4px;
    min-width: 100px;
    font-family:  sans-serif, Verdana;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACjSURBVHjaYvz//z8DCDAxQAFAADH+hwgxwkT+AwQQTAQOQDKMyAIAAcSIpoCBBaQPWQELuhYWmOkwAYAAQjbjP7pqFBdiAf8JKWBEV8CIzQSAAIK5Aav9hKzA6vH/2NzAiCbISJIVTPi8iBy06PZjhD22MACLAQQYenz+x6GB6GBgIOQkbH5gxBeOhAxlYqAQUGwACxn+R5FnwRU4BDQyUs0LADDeKjUd0XsSAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px 50%;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}

.dk-btn-crop:hover, a.dk-btn-crop:hover {
    background-color: #636363;
}

.dk-btn-update, a.dk-btn-update, a.dk-btn-update:link {
    background-color: #adadad;
    color: white !important;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 13px;
    padding-left: 32px;
    border-radius: 4px;
    min-width: 100px;
    font-family:  sans-serif, Verdana;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFASURBVHjaYvz//z8DCDAxQAFAADGii3ABBBADSASIk6D0GpjMVyCWAuIQgACC64EBJiS2PZgEqvCE6gdjkIqXQGwHxMUgBQABxIAsC8SZQNwBxHpAXAg2H0mCARuGWfoMiFOB2BLJEUXIXuMB4i8MWABAAGH4Ax0g+0sbiDugVoGAAbIvgpEcpgLEnUBsgOwLS1y+ABEsOCRnIJuQBsSpaAo0QTQLPOIYGH4AsTQQKwKxEBBvQnakDC43AAQYwXDAAmSB+D0sYFmwKAiGOuU0EN8FYmYgVoaG40cglgTi/UB8Ad0AkAJnIJ6ExVCQv/4AMTcQswHxL7gMkn+6gFgcl1/RsDsQcyMHMylYG4jLkCMShk2BeCcQlwKxLRArY9EMiks/XLFgBM0qE4BYF4jNoIHHCMT3gPgwEN8gOTkTAgCHFojnTHLFWQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px 50%;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}

.dk-btn-update:hover, a.dk-btn-update:hover {
    background-color: #636363;
}

.dk-btn-add, a.dk-btn-add, a.dk-btn-add:link {
    background-color: #adadad;
    color: white !important;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 13px;
    padding-left: 32px;
    border-radius: 4px;
    min-width: 100px;
    font-family:century gothic,sans-serif, Verdana;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACtSURBVHjaYvz//z8DCDAxQMAcgABihImwAHECiAEQQAwgEShOANEwtXAAEEBwPTCAoQJkmDwQO0L5CzC0AAQQsi0wLI/MxzATyTjslhJ0JjoACCCCCtCtkCekwJGQAgZsIcUAD3oGBhskub1A/Bg9kBLQA47ycAAIMCYscUESJuSEBCQPEhXQJAMWtFhCjwgbHPr2AfEjdAMeglIsDg0L6OIFXE79T4kBjwi5AABFcY4x4ROYLwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px 50%;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}
.dk-btn-add:hover, a.dk-btn-add:hover {
    background-color: #636363;
}

.dk-btn-add.turquoise, a.dk-btn-add.turquoise, a.dk-btn-add.turquoise:link {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAkklEQVQ4T2NkoBAwUqifAa8B3JMeFf9j+P/7e578JFwW4TWAa/LDBob/jH++5cm1jAQDQAH2n/E/L7Jf/zP8d2D4z/iPkZHhEIo4I8OH7znyE0Bi8EDknPQwj5GBkQ/NACeG/0z/GBn/H0AJRCaG999y5KaiGIAtlEdaLGALA84pDwsYGRh/wwIMmxraZiZicioAFgdUEYiwecUAAAAASUVORK5CYII=);
    background-color: #fff;
    color: #0397bf !important;
    background-position: 5px 50%;
}

.dk-btn-add.turquoise:hover, a.dk-btn-add.turquoise:hover, a.dk-btn-add.turquoise:hover {
    background-color: #e7fbfe;
}

.dk-btn-upload [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.dk-btn-upload {
    overflow: hidden;
    position: relative;
    background-color: #adadad;
    color: white;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 13px;
    padding-left: 32px;
    border-radius: 4px;
    min-width: 100px;
    font-family:  sans-serif, Verdana;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEsSURBVHjaYvj//z/Du3fvNjAxgMC/fxcAAogRJAICEBEgAAggBqiasHdv3jSAZd++efMfxIBhgACC6WED4l/IekEcZlTDGBj+oguAAUAAwe19+PAhBy8PzwJGBoY7QBFjIWFhT7gzkDHMOTCMYSQGgLqbBRcGCCBU49+92wik2bBa8e7t2x3A0LoMpBeDHIwSVlDMDHMgKOywOfIvjCEoKLgKxiboC4IK4CGJDQAd/J8FSLPgMwEgwLCbcOcO+zshoXVMjIx24LTy//9BoXfvghlUVH4SNAAcXoyMb4WEhOLev31bC/a1sHAzMGgWA8NFCBjJHsjqMZyHrgAWhEADo8gKJYqDmaABH96/f45L8j8j4wcgfo9LHqwXPZuRgkF6QYH4Hhjyf8j0wTsA33QPogl+1ykAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px 50%;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}

.dk-btn-upload [type=file] {
    cursor: pointer;
}


.dk-btn-upload:hover {
    background-color: #636363;
}

.dk-full-panel {
    padding-bottom: 8px;
    min-width:500px;
    min-height:200px;
}

.dk-full-panel > [title] {
    background-color: #f8f8f8;
    padding: 14px;
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    color: #636363;
    font-weight: bold;
    text-transform: uppercase;
}

.dk-full-panel > [data] {
    border: 1px solid #d4d4d4;
}

.dk-full-panel > [data] > [search] {
    width: 100%;
    text-align: left;
    padding: 14px;
}

.dk-data-table > [table] {
    display: table;
    width: 100%;
}

.dk-data-table > [table] > [tr] {
    display: table-row;
}

.dk-data-table > [table] > [tr][header] {
    background-color: #fff;
    line-height: 20px;
    color: #636363;
    font-weight: bold;
    font-size: 12px;
}

.dk-data-table > [table] > [tr][header] > [column] {
    display: table-cell;
    padding: 8px;
    text-align: center !important;
}

.dk-data-table > [table] > [tr][body] {
    color: #636363;
    font-size: 12px;
    vertical-align: middle;
}
/******** CATEGORY STYLE *****/
.dk-category-list {
    display: inline-block;
    float: left;
    margin: 4px;
}

.dk-category-list:hover {
    border: 1px solid #000;
}

.dk-category-list:after {
    clear: both;
}

.dk-category-list a {
    width: 187px;
    height: 84px;
    display: block;
    vertical-align: middle;
    text-decoration: none;
}

.dk-category-list a:link {
    text-decoration:none;
}

.dk-category-list [image] {
    width: 70px;
    height: 77px;
    padding: 7px 3px 7px 7px;
    overflow: hidden;
}

.dk-category-list img {
    width: 57px;
    vertical-align: middle;
}

.dk-category-list [description] {
    position: relative;
    height: 84px;
    width: calc(100% - 100px);
    vertical-align: middle;
    padding: 4px;
}

.dk-standard-grid {
    font-family: sans-serif, Verdana;
    width: 100% !important;
    border-collapse: collapse;
    position: relative;
    font-size: 13px;
    border: 1px solid #d4d4d4;
    color: #808080;
}
.dk-standard-grid tbody tr:hover {
    background-color: #ffffcc;
}
.dk-standard-grid-head > th {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #d4d4d4;
    color: #808080;
    font-size: 13px;
    background-color: #f8f8f8;
}

.dk-standard-grid-head > th > a:link, .dk-standard-grid-head > th > a:active, .dk-standard-grid-head > th > a[link] {
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: gray;
}

.dk-standard-grid td{
    padding:2px 12px 2px 12px;
}
/*add space to empty tds - for mobile */
.dk-standard-grid td:empty::after {
    content: "\00a0";
}

.dk-standard-grid:after {
    clear: both;
}

.dk-standard-grid .alt {
    background-color: #f8f8f8;
}

.dk-standard-grid-pager > td {
    margin: 12px 8px 22px 8px;
    padding: 12px;
    font-weight: bold;
    border-top: 1px solid #eeeeee;
    text-align: center;
    font-family: sans-serif, Verdana;

}

.dk-standard-grid-pager {
    border-radius: 4px;
    /*background-color: #e9e9e9;
    border: 1px solid #d4d4d4;*/
    padding: 4px 10px 5px 10px;
}

.dk-standard-grid-pager a:link, .dk-standard-grid-pager a:active, .dk-standard-grid-pager a[link] {
    color: #636363;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 4px 10px 5px 10px;
    border-radius: 4px;
    min-width: 100px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    font-weight: normal !important;
}

.dk-standard-grid-pager a:hover {
    border: 1px solid #808080;
    background-color: #808080;
    color: white;
    font-weight: normal !important;
}

/***** MVC WEB GRID *******/
.dk-webgrid tbody tr:hover {
    background-color: #ffffcc;
}

/*.dk-webgrid tbody tr:hover::after {
    position: absolute;
    right: -30px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKfSURBVHjaYvz//z8DMmCCMZ4/fw6RAal49uzZ3b9///4HqwYRUMHHIBoggBhxmvHv37//cAEYBy7AxMTECBMACCC4ocgYaMExGBtF4sWLF/9BzoE5CYSZkF0AtIsBHWA4Ex0ABBBBBUzYBIHh1IjVF0DXe/z+/fs/kP6P4Qug4EGYD5AVwK0QERGxw+sGVlZWxu/fv+N3JDc3N+O7d+9I8yZAABFUQAgwEVIADDNJUPr6+fPnf3g6QwIseDQuAFLx4uLieC1gwaJxMRsbWwwhjfi8kPbr1y8GYIwSZQCGCyQlJUGRxQjLW5ycnAx8fHzEG4BmGMyg7UDKgybRCBBAtE8HVDEAGAZdQLwPqyS2YgUtk154+fLlf2BOAuXDfejyLARs/svOzs4kICDAAA0rc1KS8n8eHh5QFiU5KYN0fBEUFGQAJmnSUyJIM7B4YWBmZiY/FojVjMuAC2/fviXfAGD6N/zz58+6V69eke8FoCHBwGibDYx/BrKKfqghaUBKC+QSYGHOwMgIzphsJCVloCHXgRTnmzdvGECuAYKWwZcbAQKMYhfQpTigJWChhiHA/MsJpNYDsTuaVBMwIdTTLAqAFmsDqZ1ALA1sPTDw8/PDszE01f0BOoCV6iEAtHgWkEoFsUHVHi8vLyyfwAtpKPhF1SgAWrwOSAWCLANZCrKc5mkAaCkPkDoOxDosLCzgYAbR9EyEV4BYnpQyntrZ8ACI+PjxI7hMpLsDgKk4AZTWgI21/aAy9fXr1wzAtibVHEByNgSmiXlAKhHExlXpg8yE1mffgB7gpkk5AHSIK5DaBkpHwKYLuAUK7IeR7ACyi2KgwbuhhYwEMEougKIGFEWgdjVS2/okXSsjYKh0AClbIAa10Q8DHdg4WhsSAgCvRLc/Vt/K1gAAAABJRU5ErkJggg==);
}*/
.dk-webgrid-head > th {
    padding: 12px;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.dk-webgrid-head > th > a:link, .dk-webgrid-head > th > a:active, .dk-webgrid-head > th > a[link] {
    text-decoration: none;
    color: #636363;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.dk-webgrid {
    font-family:  sans-serif, Verdana;
    width: 100% !important;
    border-collapse: collapse;
    position: relative;
    font-size: 13px;
}

/*add space to empty tds - for mobile */
.dk-webgrid td:empty::after {
    content: "\00a0";
}
.dk-webgrid:after
{
    clear:both;
}

.dk-webgrid .alt {
    background-color: #f8f8f8;
}

.dk-webgrid-pager > td {
    margin: 12px 8px 22px 8px;
    padding: 12px;
    font-weight: bold;
    border-top: 1px solid #eeeeee;
    text-align: center;
    font-family:  sans-serif, Verdana;
}
.dk-webgrid-pager {
    border-radius: 4px;
    /*background-color: #e9e9e9;
    border: 1px solid #d4d4d4;*/
    padding: 4px 10px 5px 10px;
}

.dk-webgrid-pager a:link, .dk-webgrid-pager a:active, .dk-webgrid-pager a[link] {
    color: #636363;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 4px 10px 5px 10px;
    border-radius: 4px;
    min-width: 100px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    font-weight: normal !important;
}

.dk-webgrid-pager a:hover {
    border: 1px solid #808080;
    background-color: #808080;
    color: white;
    font-weight: normal !important;
}



/******ASPX GRIDVIEW ******/

table.dk-gridview {
    border: 1px solid #d4d4d4;
    border-collapse: collapse;
    font-size: 13px;
}

.dk-gridview a:link, .dk-gridview a:active {
    text-decoration: none;
    color: #808080;
}

.dk-gridview tr {
    background-color: #fff;
}

.dk-gridview > tbody > tr:hover:not(.dk-pager) {
    background-color: #ffffcc;
}

.dk-gridview > tbody > tr:first-child {
    border-bottom: 1px solid #d4d4d4;
}

.dk-gridview > tbody > tr:first-child > th, .dk-gridview > tbody > tr:first-child > td {
    padding: 10px;
    background-color: #f8f8f8;
}

.dk-gridview > tbody > tr:first-child > th a:link, .dk-gridview > tbody > tr:first-child > td a:link {
    font-size: 13px;
    color: gray;
}

.dk-gridview > tbody > tr > td:first-child {
    padding-left: 20px;
}

.dk-gridview > tbody > tr > td {
    padding: 10px;
}

.dk-gridview.dk-row{
    background-color: white;
}

.dk-gridview.dk-altrow{
    background-color: #f8f8f8;
}

.dk-gridview.dk-pager > td {
    margin: 12px 8px 22px 8px;
    padding: 15px;
    font-weight: bold;
    border-top: 1px solid #eeeeee;
    text-align: center;
    font-family:  sans-serif, Verdana;
}

.dk-gridview.dk-pager a:link {
    color: #636363;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 4px 10px 5px 10px;
    border-radius: 4px;
    min-width: 100px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    font-weight: normal;
    margin: 3px;
}
.dk-gridview.dk-pager span {
    border-radius: 4px;
    background-color: #f5f5f5;
    border: 1px solid #d4d4d4;
    padding: 4px 10px 5px 10px;
}
.dk-gridview.dk-pager a:hover {
    border: 1px solid #808080;
    background-color: #808080;
    color: white;
    font-weight: normal;
}

.dk-gridview.dk-pager table {
    margin: 0 auto;
}

.dk-assetgrid
{
    border:1px solid #d4d4d4;
    padding:10px;
    text-align:center;
    font-size:13px;
    color:gray;
}

.dk-assetgrid a:link, .dk-assetgrid a:active 
{
    text-decoration:none;
    color:gray;
}

/************************/

.dk-grid-sort-indicator {
    position: relative;
    display: inline-block
}

.dk-grid-sort-indicator > img {
    position: absolute;
    top: -3px;
    right: -20px;
    vertical-align: middle;
}

.dk-mobile-options {
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADcSURBVHjaYvz//z8DMmABERfOn4eLMjGgAQwBgABixDADWT9xZgAEEIYZBHVQXwFAAFHuBpDHXwBpcWySBoaGjAStAJnwCkiLDqAJAAFEUAHBYICmoUAgtY5Eva+BThQbRi4IAlJrB8QFTAwUAoAAGngXUGwALBZeAikxEvUGAGNhI8wFYmRYPnNwBOJoGCDC4DWQEqEkDESGbhhQbABAgFHshQH3wZB3AAuMQWZ+Jhe8AuYBcfQQSAPiF3SwHOTRlNFEOGjTwKvRNDCQaYCcOo2qaSBlNA2MSAcAAHUCgwFOW3QKAAAAAElFTkSuQmCC);
}

.dk-three-dots {
    background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAkElEQVQ4T+2T3Q3CMAyEz2YaEOxiT1AKi2QTKAvYk6BkIYxSEonHSnmtHz+dTyf/EAaLBvuxG+A3g5QSl1KuEfFx9wVANDYBIDN7dJZznokoOlsNRORORKeIYADF3Z+qOgM4/7OqA3AEcOi61UBVbxFxqWJmfpvZspX1NZKITC3aq8at0bew/Q7aHYw81PAQv2ShZRHOGReKAAAAAElFTkSuQmCC);
    padding: 15px 25px 15px 25px;
    position:relative;
}
 
.dk-popup-options {
    min-width: 100px;
    background: #fff;
    color: #000;
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    border: 1px solid #ebebeb;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 0px 0px 8px 0px;
    z-index: 99999;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
    font-size: 13px;
}

.dk-popup-options [actions], .dk-popup-options > div:first-child {
    position: relative;
    padding: 10px 12px 10px 12px;
    margin-bottom: 8px;
    color: #d5d4d4;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
}

.dk-popup-options:focus {
    outline: none !important;
}

.dk-popup-options [dots-link], .dk-popup-options a:link {
    text-decoration: none;
    white-space: nowrap;
    color: #636363;
    cursor: pointer;
    display: block;
}

.dk-popup-options [dots-link]:hover, .dk-popup-options a:hover {
    background-color: rgba(73,155,234,1) !important;
    color: #fff;
}

.dk-popup-options [dots-link] > div, .dk-popup-options a:link  > div {
    white-space: nowrap;
    padding: 4px;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
}

TD.dkqlmenuicon 
{
	vertical-align:middle;
	azimuth:center;
	text-align:center;
	width:50px;
	font-family:  sans-serif, Verdana;
	font-size:xx-small;
}

TD.dkmainmenuicon 
{
	vertical-align:middle;
	text-align:center;
	width:120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}

HR.drawgrayspacser 
{
    background-color:#E8E8E8; 
    border:none;
    color:#E8E8E8; 
    height: 1px;
}

TD.dkmainmenuarrow 
{
	vertical-align:middle;
	text-align:center;
	azimuth:center;
	width:35px;
}

TD.dkpgsubmenuicon 
{
	vertical-align:middle;
	text-align:center;
	width:120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}

TH.rslttbl 
{
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
}

TR.rslttbl 
{
	FONT-SIZE:xx-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #dddddd;
}

TR.rslttblodd 
{
	FONT-SIZE:xx-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
}

TD.rslttbl 
{
	FONT-SIZE:xx-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #dddddd;
}

TD.rslttblodd 
{
	FONT-SIZE:xx-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
}

A.rslttbl 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: UNDERLINE;
	text-transform: none
}

A.rslttbl:visited 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: UNDERLINE;
	text-transform: none
}

A.rslttbl:hover 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-transform: none
}

A.rslttblodd 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: UNDERLINE;
	text-transform: none
}

A.rslttblodd:visited 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: UNDERLINE;
	text-transform: none
}

A.rslttblodd:hover 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-transform: none
}

th.gvdefault 
{
	font-size:x-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #dddddd;
}

a.gvdefaultalt:hover 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-transform: none
}

tr.dkgvdefault td, tr.dkgvdefault th 
{
	font-size:x-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #dddddd;
}

tr.dkgvdefaultalt td 
{
	FONT-SIZE:x-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
}

td.dkgvdefault 
{
	FONT-SIZE:x-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #dddddd;
}

td.dkgvdefaultalt 
{
	FONT-SIZE:x-small;
	COLOR: #000000;
	vertical-align:top;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
}

a.dkgvdefault 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: UNDERLINE;
	text-transform: none
}

a.dkgvdefault:visited 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: UNDERLINE;
	text-transform: none
}

a.dkgvdefault:hover 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-transform: none
}

a.dkgvdefaultalt 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: UNDERLINE;
	text-transform: none
}

a.dkgvdefaultalt:visited 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: UNDERLINE;
	text-transform: none
}

table.dkgvMinWidth 
{
    min-width:380px;
    max-width:100%;
}

/*Class:QuickForm*/
table.dkquickform tr th td 
{
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
	background-color: #E6E6E6;
}

table.dkquickform
{
	background-color: #E6E6E6;
}

tr.dkquickform th
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   background-color: #666666;
   color: #FFFFFF;
   padding: 3px;
}

tr.dkquickform td 
{
    font-size:11px;
    font-family:Verdana,sans-serif;
	background-color: #E6E6E6;
	vertical-align: middle;
}
/*endClass:QuickForm*/


/*Class:Register*/
.dk-rm-registrant-mouseover
{
    border:1px dotted #759e0d !important;
    cursor:move;
}

.dk-rm-registrant-mouseout
{
    border:1px dotted transparent !important;
         
}

.dk-rm-regpanel-mouseover
{
    border:1px dashed #759e0d !important;
    cursor:move;
}

.dk-rm-regpanel-mouseover_bad
{
    border:1px dashed #ff0000 !important;
    cursor:move;
}

.dk-rm-regpanel-mouseout
{
    border:0px dotted transparent !important;
}

.dk-rm-ce-dimmingdiv
{
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter:alpha(opacity=80);
    top:0px; 
    left:0px; 
    bottom:0px;
    right:0px;
    position:fixed;
    background-color:#000;
}

.dk-rm-ce-centerbox 
{
    position:fixed; 
    opacity: 1;
    border: solid 2px #000; 
    background-color:white; 
    width:300px; 
    height:140px; 
    top:calc(50% - 70px);
    left:calc(50% - 150px);
    z-index:1001;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:10px;
}

table.dkgvregister tr th td 
{
	padding: 3px;
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
}

table.dkgvregister
{
    border-width: 1px;
    border-color: #666666;
}

tr.dkgvregister th
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   background-color: #666666;
   color: #FFFFFF;
   padding: 3px;
}

tr.dkgvregister th a
{
    color: #FFF;
}

tr.dkgvregister td 
{
    font-size:11px;
    font-family:Verdana,sans-serif;
	background-color: #dddddd;
	vertical-align: middle;
    border-color: #ffffff;
}

tr.dkgvregisteralt td 
{
    font-size:11px;
    font-family:Verdana,sans-serif;
	background-color: #ffffff;
	vertical-align: middle;
    border-color: #dddddd;
}
/*endClass:Register*/


div.dkgvAvailableNames
{
   background-color: #ffffff;
   border: 1px solid #666666;
}

tr.dkgvAvailableNames th
{
    color: #FFFFFF;
    font-size:12px;
    font-family:Verdana,sans-serif;
	background-color: #666666;
	padding: 3px;
	border: 1px solid #666666;
}

tr.dkgvAvailableNames td
{
    font-size: 11px;
    font-family: Verdana,sans-serif;
    background-color: #ffffff;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px none #DDDDDD;
    border-right: 1px solid #FFFFFF;
}

tr.dkgvAvailableNames2 th
{
    color: #FFFFFF;
    font-size:12px;
    font-family:Verdana,sans-serif;
	background-color: #666666;
	padding: 3px;
	border: 1px none #666666;
}

tr.dkgvAvailableNames2 td
{
    font-size: 11px;
    font-family: Verdana,sans-serif;
    background-color: #ffffff;
}

div.dkdivQuickLinks
{
    padding: 4px 20px 4px 4px; /*margin: auto;*/
    background-image: url(/images/Quicklink.png);
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #666666;
    background-color: #666666;
    color: #FFFFFF;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:11px;
    width: 130px;
}

div.dkdivPopupMenu
{
    border: 1px solid #AAABA8;
    background-color: #fff;
    width: 400px;
    left: auto;
}

div.dkdivPopupMessage
{
    padding: 5px;
    border: 1px solid #AAABA8;
    background-color: #fff;    
    left: auto;
}

div.dkdivPopupMessage2
{
    padding: 5px;
    border: 1px solid #AAABA8;
    background-color: #fff;
    min-width:400px;
    min-height:100px
}

div.dkgvBlank
{
    border: 1px solid #808080;
    background-color: #fff;
    padding: 5px;
}

tr.dkgvBlank td 
{
    font-size:11px;
    font-family:Verdana,sans-serif;
}

div.dkCustomInstruction
{
    font-family: verdana, arial, helvetica, sans-serif;
    text-align:left;
}

div.dkCustomInstructionMainMenu
{
    font-family: verdana, arial, helvetica, sans-serif;
    text-align:center;
}

tr.dkCustomInstruction td
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    vertical-align: middle;
    padding-left: 5px;
}

span.dkpgmmgmtmainmenutext
{
	color: #b43d12;
	font-size: 10px;
	font-family:@Arial Unicode MS;
	text-align: center;
}

tr.dkgvEmpty td
{
    font-size: 11px;
    font-family: Verdana,sans-serif;
    background-color: #FFFFFF;
    border-right-width: 0px;
    border-right-color: #FFFFFF;
    border-left-width: 0px;
    border-left-color: #FFFFFF;
    border-collapse: collapse;
    empty-cells: hide;
    table-layout: auto;
    text-align: left;
}

.dkregerrorsnocart
{
    font-size: 11px;
}

a.dkregerrorsnocart
{
    text-align:left;
}

a.dkregerrorsnocart:link
{
    text-decoration:none;
    color:red;
}

a.dkregerrorsnocart:hover
{
    text-decoration:underline;
    color:red;
}

span.dkregerrorsnocart
{
    color:red;
}

.dkregerrorscart
{
    font-size: 9px;
}

a.dkregerrorscart
{
    text-align:left;
}

a.dkregerrorscart:link
{
    text-decoration:none;
    color:red;
}

a.dkregerrorscart:hover
{
    text-decoration:underline;
    color:red;
}

 a.dkregerrorscart
{
    text-align:left;
}

a.dkregerrorscart:link
{
    text-decoration:none;
    color:red;
}

a.dkregerrorscart:hover
{
    text-decoration:underline;
    color:red;
}

span.dkregerrorscart
{
    color:red;
}

a.DKprogress 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	text-transform: none
}

a.DKprogress:link
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	text-transform: none
}

a.DKprogress:visited 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	text-transform: none
}

a.DKprogress:hover 
{
	FONT-WEIGHT: BOLD;
	FONT-SIZE:xx-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color:blue;
	text-decoration: none;
	text-transform: none
}

.DKprogress-img-current
{
    height:43px !important; /* match img */
	width:120px !important; /* match img */  
	padding-right:30px;  
    background-image:url('/images/dk_progress_current.png');
}

.DKprogress-img-not-current{
    height:43px !important; /* match img */
	width:120px !important; /* match img */
    padding-right:30px;
    background-image:url('/images/dk_progress_not_current.png');            
}

.DKprogress-img-end{
    height:43px !important; /* match img */
	width:120px !important; /* match img */
	padding-right:30px;
    background-image:url('/images/dk_progress_end.png');
}

.DKprogress-text-MouseOver
{
     cursor:pointer;
     color:Orange !important;
     font-weight:bolder;
}

.DKprogress-text-Standard
{

    white-space:normal;
    vertical-align: middle;
    text-align:center;
    vertical-align:middle;
    text-align: center;
    font-size:11px;
    font-style:normal;
    font-weight:lighter;
    font-family: Helvetica, sans-serif,Verdana, Arial;
    text-decoration: none;
}

.DK-Box
{
    border: 1px solid #E3E3E3;
    padding: 10px;
    margin: 10px;
    text-align: left;
    text-decoration: none;
}

.DK-ConfirmBox
{
    border: 1px solid #FFCC00;
    background: #FFFFC6;
    color: #FF0000;
    padding: 4px;
    text-align: center;
    width: 60%;
}

.dkrppnlWrapper
{
    background-color: #eeeeef;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 740px;
    display: block;
    text-align: center;
    overflow: hidden;
}

.DKRPInfoTitle
{
    border: 3px solid white;
    padding: 3px 5px 3px 5px;
    margin-top: 15px;
    width: 710px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    background-color: #dddddd;
}

.CartAndLoginInHeader
{
    margin:0px;
    padding:0px;
    height:37px;
    border:0;
    background:transparent;
    float:right;
}

body.CartAndLoginInHeader
{
    top:0px;
}

iframe.CartAndLoginInHeader
{
    top:0px;
}

.CartAndLoginInText
{
    float: right;
    padding-right: 4px;
    padding-left: 4px;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: x-small;
    line-height: normal;
    margin: 0;
    white-space: nowrap;
    text-align: left;
    color:black;
}

.PromoBanner
{
    margin:0px;
    padding:0px;
    /*height:37px;
    width:250px;*/
    background:transparent;
}

iframe.PromoBanner
{
    top:0px;
    border:0;
}

.PromoBannerText
{
    text-align:left;
    font-size: large;
}

.DKRPInfo
{
    background-color: White;
    padding: 5px 8px 5px 8px;
    width: 710px;
    overflow: hidden;
}

/*paymentinfo.aspx*/
#dkpmtouter 
{
    text-align:center;
    padding:10px;
    	
}
    	
#dkpmtleft 
{
    float:left;
    width:600px;
    display: inline-block;
    vertical-align: top;
}
    
#dkpmtright 
{
    float:left;
    width:200px;
    text-align:left;
    margin-left:5px;
    display: inline-block;
    vertical-align: top;
}
    
#dkpmtagreeto 
{   
    float:none;
    width:600px;
    display: table;
}

/*
 Slideshow
*/
#slides 
{
    width:557px;
    top:15px;
    left:4px;
}

/*
 Slides container
 Important:
 Set the width of your slides container
 Set to display none, prevents content flash
*/
.slides_container 
{
    width:557px;
    overflow:hidden;
    display:none;
}

/*
 Each slide
 Important:
 Set the width of your slides
 If height not specified height will be set by the slide content
 Set to display block
*/
.slides_container a 
{
    width:557px;
    height:288px;
    display:block;
}

.slides_container a img 
{
    display:block;
}

/*
 Pagination
*/
.pagination 
{
    width:100px;
    float:right;
}

.pagination li 
{
    margin:0 1px;
    list-style:none;
}

.pagination li a 
{
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(/globalItems/pagination.png);
    float:right;
    overflow:hidden;
}

.pagination li.current a 
{
    background-position:0 -12px;
}

span.dktoplevelmenu { margin:0px; }

#Label_AgreedToBilling
{
    color:Red;
    font-size:Small;
    font-weight:bold;
}

hr.Line
{
    border: 1px solid transparent;
    border-bottom-color:#eee; border-bottom-width:2px; border-bottom-style:solid;
}

.DKButton 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:3px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	white-space:nowrap;
}

.DKButton:hover 
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}

.DKButton:active 
{
	position:relative;
	top:1px;
}

.dk-preloader {
    font-family:  sans-serif, Verdana;
    color: white;
    font-weight: bold;
    font-size: 13px;
    top: 30%;
    padding: 10px;
    z-index: 200001;
    text-align: center;
    left: 45%;
    left: -moz-calc(50% - 70px);
    left: -webkit-calc(50% - 70px);
    left: -o-calc(50% - 70px);
    left: calc(50% - 70px);
    position: fixed;
    width: 140px;
    height: 70px;
    background-color: Black;
    alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -khtml-border-radius: 7px;
}


/*Region Modal Confirm */
.dk-modal-popup
{
    background-color: #FFFFFF;
    width: 400px;
    border: 1px solid #ddd;
    text-align:left;
}

.dk-modal-popup .header
{
    background-color: #eee;
    height: 30px;
    color: Black;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

.dk-modal-popup .body
{
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    white-space:normal;
}
    
.dk-modal-popup .footer
{
    padding: 10px;
}

/* End Region */

.dk-main-container
{
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto; 
    width: 900px;
}

.tlabelhblue 
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #EEEEEE;
}

@media only screen and (max-width: 1024px) 
{ /*iPad or smaller*/
    .InputControl > select[id$=ddMonth], .InputControl > select[id$=ddDay], .InputControl > select[id$=ddYear]
    {
        max-width: unset !important;
    }

    .InputControl > [id$=cblCheckBoxList] td, .InputControl > [id$=rblButtonList] td
    {
        background-color: #f5f5f5;
        padding:12px;
        border: 1px solid #dddddd;
        border-radius:4px;
        margin:4px;
        font-size:17px;
    }

    .InputControl  [id*=VariableCostDisplayAmt], .InputControl  [id*=VariableCostDisplayTotal]  
    {
        font-family: Arial;
        font-size: 25px !important;
        color: #5a5a5a;
        font-weight: 100 !important;
        background-color: #eeeeee !important;
        border: 1px solid #d4d4d4;
        padding: 12px !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        display:block;
        min-width:177px !important;
    }

    .LargeInputs .dk-pos-r-btn-width
    {
        padding: 22px 0 17px 0;
    }

    .LargeInputs  input[type="text"],.LargeInputs  input[type="number"],.LargeInputs select, .LargeInputs  .dk_pos_inputs 
    {
        font-family: Arial;
        font-size: 25px !important;
        color: #5a5a5a;
        font-weight:100 !important;
        background-color: white;
        border: 1px solid #d4d4d4;
        padding: 12px !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }

    .LargeInputs  .dk-combobox
    {
        border: 1px solid #808080;
        width:100px !important;
        overflow:hidden;
        height:50px !important;
        position:relative;
    }

    .LargeInputs .dk-combobox > input[dk-textbox][value~="Please"]
    {
         color:transparent !important;
    }

    .LargeInputs .dk-combobox > input[dk-textbox]
    {
        text-align:center;
    }

    .LargeInputs .dk-combobox > select[dk-dropdownlist] option
    {
        color:#5a5a5a;
    }

    .LargeInputs input[type="submit"][POS],.LargeInputs  select[POS]  
    {
        font-family: Arial;
        font-size: 25px !important;

        font-weight:100 !important;
        padding: 12px 12px 12px 12px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }

    .LargeInputs input[type="text"][skip],.LargeInputs  input[type="number"][skip], select[skip] 
    {
    }
}

@media only screen and (max-width: 600px) 
{       
    .dk-main-container
    {
        width:100% !important;
    }
    
    #frmResponse img 
    {
        max-width:100% !important; height:auto !important; width:auto !important;
    }
    
    #DKProgress
    {
        display:none !important; 
    }
    
    .dk-modal-popup
    {
        width: 95% !important;
    }

}

/* Region Register.aspx **************************************************/
.dk-rm-container 
{
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.dk-rm-container:before,
.dk-rm-container:after 
{
    display: table;
    content: " ";
}

.dk-rm-container:after 
{
    clear: both;
}

.dk-rm-table
{
    display:table;
}
    
.dk-rm-table-cell
{
    display:table-cell  
}
    
.dk-rm-table-column
{
    display:table-column
}

.dk-rm-float
{
}

.dk-rm-float:before,
.dk-rm-float:after 
{
    display: table;
    content: " ";
}

.dk-rm-float:after 
{
    clear: both;
}

.dk-rm-wrapper
{
    width:100%;
    max-width:800px;
    margin: 0 auto;
}

.dk-rm-ui-header,
.dk-rm-ui-mainbody 
{
    margin-top: 0;
    padding:10px;
}   

.DK-ATRBL label
{
    width:100%;  padding:4px; cursor: pointer; display: block;
}

.AttendeeItemMouseOver{ width:100%; background:#a3e304; padding:4px; color:white; display: block; }
.AttendeeItemMouseOut{ width:100%; background:white; padding:4px; color:black; display: block;}

.dk-rm-ui-container 
{
    margin-top:15px;
    margin-bottom:15px;  
    border:1px solid #d4d4d4; width:100%; background: white;

    /*
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    box-shadow: 0px 2px 7px #292929;
    -moz-box-shadow: 0px 2px 7px #292929;
    -webkit-box-shadow: 0px 2px 7px #292929; 
      
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');
    */
}

.dk-rm-ui-header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #d4d4d4;
    /*
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
}
    
#dk-rm-AvailableMembersPanel
{
    position:absolute;
    right: 5px;
    border: 1px solid #eee;
    padding-bottom:10px;
    z-index: 999;
    display:none;
    margin: 10px;
    background-color: #ffffff;
    
    /*
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    */
    -moz-box-shadow: 5px 5px 5px #222;
    -webkit-box-shadow: 5px 5px 5px #222;
    box-shadow: 5px 5px 5px #222;
}

.dk-rm-ui-field-forms  
{
    clear: both;
    overflow: hidden;
    padding: 3px;
    margin: 0 0 1px 0;
}

.dk-rm-ui-field-forms > .InputName {
    width: 25%;
    float: left;
    text-align: right;
    padding-right: 7px;
    font-weight: bold;
    color: gray;
    font-family: century gothic, sans-serif, Verdana;
    font-size: 13px !important;
    /*line-height: 35px;*/
    vertical-align: middle;
}

.dk-rm-ui-field-forms > .InputControl 
{
    width: 70%;
    float: left;
    /*line-height:35px;*/
    vertical-align:middle;
}

.dk-form-label-top {
    width: 100% !important;
    float: unset !important;
    text-align: left !important;
    vertical-align: middle;
    padding-bottom: 7px;
}

.dk-rm-form-label {
    line-height: unset !important;
}

.InputControl > input[type=text], .InputControl > input[type=email], .InputControl > select, .InputControl > textarea {
    font-family: sans-serif, Verdana;
    vertical-align: middle;
    background-color: white;
    color: #808080;
    border: 1px solid #d4d4d4;
    padding: 10px;
    font-size: 13px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    margin: 1px;
}

.InputControl > select::-ms-expand{ /*IE*/
    display: none;
}
.InputControl > select {
    font-weight: normal !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABT0lEQVQ4T2NkoBAwUqifgXID0nMrtWZObr9GjkuyC2u1GTPyq+cz/WNcPm1yyy5SDMnOq/Fi+McQxpiWlsbKyiG2gJGJYfaUCS0HiDEkO6/OmYHhX9LvH68SwGGQm5vL/o9RYPF/hn8Tpk1qPYbPkMzcWlsmRobcV0LMMasbGn7BA7GwsJDz52+epUwM/9qmTGk9g82Q7Pxa8/9/Gcq/fWGOWrCg4QdIDUosZGU18DAy/1rKxMBcN3ly80VkQ7ILqowY/jLUc7L/iurp6fkKk8OIxrS0cn4WNpZlfxn/lcJiJyOvSoeJkbnjB/vPyHldXZ+RDcaaDpILG4TY//1d8vf//3zWf3+Z/zEw9bKxsEZPmNDwAd1rOBNSbm6l6O//jGsYGZn+Mf37GzJ1avtbbOGCNyWm5TRo/GL683fBpJbbuGKG8qRMTMLBp4ZiFwAAq4pyv+DYf0gAAAAASUVORK5CYII=);
    background-position: calc(100% - 5px) calc(50%);
    background-repeat: no-repeat;
    padding-right: 1.9em;
}


.InputControl > input[type=text][disabled], .InputControl > select[disabled], .InputControl > textarea[disabled] {
    background-color:#f8f8f8;
    color: gray;
}



.InputControl input[type=radio], .InputControl input[type=checkbox], .InputControl input[type=radio] + label, .InputControl input[type=checkbox] + label {
    font-family:  sans-serif, Verdana;
    vertical-align: middle;
    font-size: 13px !important;
    color: #808080;
    margin:2px;
}



.InputControl [id*=VariableCostDisplay], .InputControl [id*=VariableCostDisplayTotal]
{
    width:80px !important;
    text-align:center;
}
        
.InputControl  [id*=VariableCostDisplayTotal], .InputControl  [id*=VariableCostDisplayAmt]  
{
    padding:4px;
    margin-left:2px;
    border:1px solid #dddddd;
    background-color:rgba(238, 238, 238, 0.44);
    min-width:80px;
    text-align:center;
    display:inline-block;
}

/*center these form panels in Register page*/
.dk-rm-ui-field-forms[id$=pnlImage], .dk-rm-ui-field-forms[id$=pnlHTML], .dk-rm-ui-field-forms[id$=pnlSubject]
{
    display:table;
    text-align:center;
    margin:auto;
}

.dk-rm-ui-field-forms[id$=pnlLine] > hr
{
    border: none;
    height: 1px;
    color: #d4d4d4; /* old IE */
    background-color: #d4d4d4; /* Modern Browsers */
}

.dk-rm-ui-field-forms[id$=pnlHeader] > div
{
    text-align:center;
}

.dk-rm-ui-field-forms[id$=pnlHeader] > div:first-child
{
    background-color: #f8f8f8;
    padding: 14px;
    border: 1px solid #d4d4d4;
    font-weight: bold;
    /*text-transform: uppercase;*/
    color: #636363;
    margin-bottom:7px;
    text-align: center;
    width:100%;
}

.InputControl > select[id$=ddMonth]
{
    max-width:100px;
    margin-bottom:2px;
    margin-right:2px;
}

.InputControl > select[id$=ddDay], .InputControl > select[id$=ddYear]
{
    max-width:70px;
    margin-bottom:2px;
    margin-right:2px;
}

.InputControl > input[type=text]:focus {
    outline: 0;
    border-color: #4697e4;
}  

.dk-rm-button 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	/*
	font-family:Courier New;
	font-size:14px;     
	font-weight:bold;  */
	padding:3px 12px;   
	text-decoration:none !important;
}

.dk-rm-button:hover 
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}

.dk-rm-button:active 
{
	position:relative;
	top:1px;
}
.dk-rm-top-panel-wrap {
    position: fixed; /* important*/
    top: 0;
    z-index: 9999; /* important*/
    background-color: transparent;
    left: 50%;
    text-align: center;
    transform: perspective(1px) translateX(-50%);
}
    
.dk-rm-top-panel
{
    width:400px;
    background: white;
    color: black;
    padding:20px;

    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-right: 1px solid #eee;
        
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-left: 1px solid #eee;
        
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom: 1px solid #eee;
        
    border-top: 2px solid #eee;
      
    -webkit-box-shadow: 3px 3px 2px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    3px 3px 2px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         3px 3px 2px 0px rgba(50, 50, 50, 0.35);
}

.dk-pos-btn-back, a.dk-pos-btn-back:link, a.dk-btn-back2:link
{
    background-color:#868585;
    color:white;
    padding: 10px;
    padding-left: 32px; 
    border-radius: 4px;
    min-width:100px;
    font-family: Verdana,sans-serif;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABuSURBVHjaYvz//z8DNQDjoDOIAWQQDmwAxA+gNAMhjM+QD/8hwIFcgxSQDEkgxhBsBgkA8QVSDUE3CNmQAlIMAWHkWLsAxPpA/BKIbxAZVw4wBhMDtQC1vEaTwEY2jOLop2qCJCuLMA7fYgQgwABtkEcfk/589gAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: left; 
    background-position: 10px 50%;
    text-decoration:none;
    cursor:pointer;
    vertical-align:middle;
}

.dk-pos-btn-back_on, a.dk-pos-btn-back:hover, a.dk-btn-back2_one:link, .dk-pos-btn-back:hover, a.dk-btn-back:hover, a.dk-btn-back2:hover
{
    background-color:#636363;
    color:white;
    padding: 10px;
    padding-left: 32px; 
    border-radius: 4px;
    min-width:100px;
    font-family: Verdana,sans-serif;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABuSURBVHjaYvz//z8DNQDjoDOIAWQQDmwAxA+gNAMhjM+QD/8hwIFcgxSQDEkgxhBsBgkA8QVSDUE3CNmQAlIMAWHkWLsAxPpA/BKIbxAZVw4wBhMDtQC1vEaTwEY2jOLop2qCJCuLMA7fYgQgwABtkEcfk/589gAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: left; 
    background-position: 10px 50%;
    text-decoration:none;
    cursor:pointer;
    vertical-align:middle;
}

/* Region Register.aspx Mobile CSS */
@media  only screen and (max-width: 768px) 
{       
    .dk-main-container
    {
        width:100% !important;
    }
    
    .dk-rm-ui-field-forms > div  {
        margin: 0 0 2px 0 !important; 
    }

    .dk-rm-ui-field-forms > div.InputName {
	    width: 100% !important; 
        float: none !important; 
        text-align:left;
 
    }

    .dk-rm-ui-field-forms > div.InputControl 
    {                                                  
        width: 100% !important; 
        float: none !important; 
    }

    .InputControl > input[type=text],
    .InputControl > select {
        width: 100% !important;
    }
    .InputControl  [id*=VariableCostDisplayAmt], .InputControl  [id*=VariableCostDisplayTotal]  
    {
        font-family: Arial;
        font-size: 25px !important;
        color: #5a5a5a;
        font-weight: 100 !important;
        background-color: #eeeeee !important;
        border: 1px solid #d4d4d4;
        padding: 12px !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        display:block;
        width:100% !important;
     }

    .dk-rm-ui-field-forms table[id*=rblButtonList] td
    {
        display:block;
    }
      
    .dk-rm-wrapper
    {
        width:100% !important; 
    }

    .dk-rm-desktop-optional-div
    {
        display:none !important;  
    }
    
    .dk-rm-top-panel
    {
        width:96% !important;
    }
}
/* END Register.aspx Region **********************************************************/ 

/* PaymentInfo.aspx Region **********************************************************/
    .dk-ps-box
    {
        border: 1px solid #E3E3E3;
        text-align: left;
        text-decoration: none;
        background-color:#fff; 
    }

    .dk-ps-makepayment 
    {
        position: relative;
    }

    .dk-ps-makepayment:after 
    {
        display: block;
        content: url(/images/uploading.gif);
        position: absolute;
        z-index:99999;
        top:8px;
        left:200px;
    }
    
    .dk-ps-paypal 
    {
        position: relative;
    }
    
    .dk-ps-paypal:after 
    {
        display: block;
        content: url(/images/uploading.gif);
        position: absolute;
        z-index:99999;
        top:4px;
        left:210px;
    }

    #dk-ps-billing-and-order-summary-div
    {
    }
    
    #dk-ps-billing-and-payment-div
    {
    	width:68%;
    	text-align:left;
    	float:left;
    	/*margin:0px 10px 0px 0px;  */
    }
    
    #dk-ps-order-summary-div
    {
        width:30%;
    	float:right;
    	text-align:left;
    }
    
    #dk-ps-order-button-div
    {
    	text-align:center;
    }

    .dk-ps-row  
    {
        display:table-row;
    }
    
    .dk-ps-textbox-long
    {
        width:350px;
    }

    .dk-ps-textbox-check
    {
        width:320px;
    }

    .dk-ps-textbox-routing
    {
        width:295px;
    }

    .dk-ps-textbox-name
    {
        width:145px;
    }
    
    .dk-ps-textbox-middle-name
    {
        width:20px;
    }

    .dk-ps-payment-label
    {
    	width:200px; 
    	white-space:nowrap;
    	text-align:right;
    	display:table-cell;
    }

    .dk-ps-payment-field
    {
        text-align:left;
        display:table-cell;
    }
    
    .dk-ps-payment-field-new
    {
        float:left;
        display:block;
    }
    
    #dkpsdivpaymentmethods
    {
        text-decoration:none;
        padding:15px;
        width:100%;
        text-align:center;
        display:table;
    }

    .dk-ps-payment-option
    {
        float:left;
        display: table-cell;
    }

    #dk-ps-payment-billing-inner-div
    {
        padding: 10px;
    }
    .dk-ps-payment-billing-input-div
    {
        display:table;
        border-collapse:separate; 
        border-spacing:5px;
    }
    
    .dk-ps-payment-billing-input-cell
    {
        display:table-cell;
    }
    
    .dk-ps-field-pad
    {
        padding:10px;
    }

    /*begin mobile css*/
    @media only screen and (max-width : 600px) 
    {
        .dk-ps-paypal-payment-type
        {
            display:none;
        }

        .dk-ps-row select
        {
            max-width:200px !important;
        }
        
        .dk-ps-modal-popup-error
        {
            width:95% !important;
        }
        
        .dk-ps-popup-profiles
        {
            width:95% !important;
        }
        
        .dk-ps-modal-popup
        {
            width:100% !important;
        }

        #dk-ps-order-summary-div
        {
            float:none;
            width:100%;
            clear:both;
        }   
        	
        #dk-ps-order-button-div
        {
            width:100%;
        }   	

        #dk-ps-billing-and-order-summary-div
        {
            width:100%;
        }

        #dk-ps-billing-and-payment-spacer
        {
        	height:10px;
        }

        #dk-ps-billing-and-payment-div
        {
       	    width:100%;
        }

        .dk-ps-profiles-box
        {
            background-color:#F3F3F3;
            padding: 4px;
            border: 1px solid #E3E3E3; 
            width:100%;
        }

        .dk-ps-textbox-long
        {
 
            min-width:160px;
        }

        .dk-ps-payment-label
        {
    	    display:block;
    	    width:100%;
    	    text-align:left;
        }
        .dk-ps-payment-field
        {
            display:block;
            width:100%;
        }

        #dkpsdivpaymentmethods
        {
            text-decoration:none;
            padding:0px;
            text-align:left;
            width:100%;
        }

        .dk-ps-row  
        {
            width:100%;
            clear:both;
        }

        .dk-ps-payment-option
        {
            clear:both;
            float:left;
        }

        .dk-ps-textbox-routing
        {
            max-width:167px;
            min-width:137px;
        }

        .dk-ps-textbox-check
        {
            max-width:190px;
            min-width:150px;
        }

        #dk-ps-payment-billing-inner-div
        {
           margin: 0 auto;
        }

        .dk-ps-payment-billing-input-div
        {
            display:block;
        }
    }

/* END PaymentInfo.aspx Region **********************************************************/    
/* Forms.aspx Region ********************************************************************/  

    .dk-form-container:before,
    .dk-form-container:after 
    {
        display: table;
        content: " ";
    }

    .dk-form-container:after 
    {
        clear: both;
    }

    .dk-form-wrapper
    {
        width:100%;
        max-width:800px;
        margin: 0 auto;
    }
    
    .dk-form-header,
    .dk-form-mainbody 
    {
        margin-top: 0;
        padding:10px;
    }   

    .dk-form-container 
    { 
        margin-top:15px;
        margin-bottom:15px;  
        border:1px; border-color:#e8e8e8; border-style:solid; width:100%; background: white;

        /*
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;

        box-shadow: 0px 2px 7px #292929;
        -moz-box-shadow: 0px 2px 7px #292929;
        -webkit-box-shadow: 0px 2px 7px #292929; 
  
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');
        */
    }

   
    
    .dk-form-block  
    {
      clear: both;
      overflow: hidden;
      padding: 3px;
      margin: 0 0 1px 0;
    }

    .dk-form-block > .NamePanel
    {
        width: 25%;
        float: left;
        padding-right: 10px;
    }

    .dk-form-block > .FormPanel
    {
        width: 70%;
        float: left;
    }

    @media  only screen and (max-width: 768px)  
    {
        .dk-form-wrapper
        {
            width:100% !important; 
        }

        .dk-form-block > .NamePanel,
        .dk-form-block > .FormPanel 
        {
	        width: 100% !important; 
            float: none !important; 
            margin: 0 0 5px 0 !important; 
        }        
        
        .dk-rm-ui-field-forms > .InputName > img[id$=imgImage]
        {
            max-width:600px;
            width:100%;
            text-align:center;
        }

        .dk-form-group-form-name 
        {
            display:none;
        }

        form#frmResponse table,
		form#frmResponse table tr td,
		form#frmResponse table tr th
		{
			display: block !important;
			width: 95% !important;
		}
    }    
/* END Forms.aspx Region ****************************************************************/      
/* Logon.aspx Region ********************************************************************/
    .dk-lo-outer-logonbox
    {
        height:210px;width:440px; margin-left: auto; margin-right: auto;
    }

    .dk-lo-inner-logonbox
    {
        padding:5px;height:230px;width:420px;border-style:none;border-width:1px;background-color:#EEEEEE;margin-left: auto; margin-right: auto; padding-top:10px;
    }

    .dk-lo-inner-logonbox-title
    {
        text-align:left;font-size:18px; font-weight:bold;
    }

    .dk-lo-username
    {
        width:265px;
        text-align:left;
    }

    .dk-lo-password
    {
        width:165px;
        text-align:left;
    }

    @media only screen and (max-width: 600px) 
    {
        .dk-lo-outer-logonbox 
        {
            width:98% !important;
            height:auto !important;
            max-width:330px !important;;
        }

        .dk-lo-inner-logonbox
        {
            width:90% !important;
            height:auto !important; 
            max-width:320px !important;; 
        }

        .dk-lo-username
        {
            width:100%;
        }

        .dk-lo-password
        {
            width:100%;
        }
    }
/* END Logon.aspx Region ****************************************************************/     
 
/* RegLogon.aspx Region ********************************************************************/
        #dk-rl-logonmessage:after
        {
            content: 'When logged on, you may qualify for member benefits, discounts, and other items';
        }

        #dk-rl-nologonmessage:after
        {
            content: 'To continue as a guest.';
        }

        #dk-rl-newusermessage:after
        {
        }

        #Button_SignIn_LI:after
        {
            content: 'Logon';
        }

        #Button_NewUser_LI:after
        {
            content: 'Create New User Profile';
        }

        #Button_Continue_LI:after
        {
            content: 'Continue';
        }

        .dk-rl-blockScreen 
        {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity:.5;
            filter:alpha(opacity=50); /* For IE8 and earlier */
            z-index: 1000;       
        }

        .dk-rl-alert 
        {
            z-index: 1001;
            position:relative;
            margin:auto;
            padding:10px; 
            text-align:center;
            width:360px; 
            height:120px; 
            background-color: #FFF;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
            -khtml-border-radius: 7px;
        }

        .dk-rl-logonbtn 
        {
            background-image: url(/images/icon_sign_in-small.png);
            width:53px; 
            height:55px;
        }

        .dk-rl-newuserbtn 
        {
            background-image: url(/images/icon_create_new_user-small.png);
            width:53px; 
            height:55px;
        }
        .dk-rl-continuebtn 
        {
            background-image: url(/images/icon_continue_without_signing-small.png);
            width:53px; 
            height:55px;
        }

/* END RegLogon.aspx Region ****************************************************************/  
    
/* Store_ShowCart.aspx Region ********************************************************************/
        .dk-sc-keepshoppingimg
        {
            background-image: url(/images/arrow2.png);
            width:6px; 
            height:11px;
            vertical-align:bottom;
            background-repeat: no-repeat;
        }

        .dk-sc-keepshoppingtext:after
        {
            content:'Keep shopping...';
        }

        a.dk-sc-description
        {
            text-decoration: none;
        }

        .dk-sc-edit-div
        {
            padding-left:8px;
            padding-top:4px;
            padding-bottom:4px;
            vertical-align:middle;
            font-size:smaller;
            font-style:italic;
        }

        #dk-sc-keepshoppingdiv
        {
            display:block;
        }
/* END Store_ShowCart.aspx Region ****************************************************************/    
  
/*begin general responsive styles*/
    #dk_header_standard { display:block } 
    #dk_header_mobile { display:none }
    #dk_bottomcenternav_standard { display:block }
    #dk_bottomcenternav_mobile { display:none }
    #dk_bottomallnav_standard { display:block }
    #dk_bottomallnav_mobile { display:none }

    @media  only screen and (max-width: 640px)  
    {
    	/*table as block styles*/
		table.dktableasblock,
		tbody.dktableasblock 
        {
			display: block;
			width: 100%;
			border: none;
			height: auto;
		}

		thead.dktableasblock { display: none; }

		table.dktableasblock tr,
		table.dktableasblock th,
		table.dktableasblock td 
        {
			display: block;
			padding: 0;
			text-align: left;
			white-space: normal;
			border: none;
			height: auto;
            width:100%;
		}

		table.dktableasblock tr 
        {
			border-bottom: 1px solid #eee;
			padding-bottom: 11px;
			margin-bottom: 11px;
		}

		table.dktableasblock th[data-title]:before,
		table.dktableasblock td[data-title]:before 
        {
			content: attr(data-title) ":\00A0";
			font-weight: bold;
		}

		table.dktableasblock td:empty { display: none; }

		/*table.dktableasblock td:first-child {
			font-weight: bold;
			margin-bottom: 6px;
		}*/
		table.dktableasblock td:first-child:before { content: ''; }
		
		img.dkmobilescale {max-width:100% !important;height: auto !important;width: auto\9 !important;}
		img.dkmobilescale50 {max-width:50% !important;height: auto !important;width: auto\9 !important;}
		img.dkmobilescale25 {max-width:25% !important;height: auto !important;width: auto\9 !important;}

		.dk-responsive-video 
        {
				position: relative;
				padding-bottom: 56.25%;
				padding-top: 30px; height: 0; overflow: hidden;
		 }

		.dk-responsive-video iframe,
		.dk-responsive-video object,
		.dk-responsive-video embed 
        {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		.dk-mobilehide,.dkmobilehide {display:none;}
        #dk_header_standard{ display:none} 
        #dk_header_mobile{ display:block}
        #dk_bottomcenternav_standard { display:none}
        #dk_bottomcenternav_mobile {display:block}
        #dk_bottomallnav_standard {display:none}
        #dk_bottomallnav_mobile {display:block}
    }    
/*END general responsive styles*/ 


.dk-center 
{
    display: table;
    margin: 0 auto;
}

.dk-program-layout
{
    border: 1px solid #a8a8a8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color:#fff;
    vertical-align:middle;
    text-align:center;
    margin:8px;
}

.dk-program-layout:hover
{
    border: 1px solid #a8a8a8;
    background-color:#e8e8e8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    vertical-align:middle;
    text-align:center;
}

.dk-program-layout > img
{
    border:none;
}

/****** HEADER ******/
.dk_header{}
#dk_header_standard{} 
#dk_header_mobile{}

/****** BOTTOM CENTER ******/
.dk_bottomcenternav {}
#dk_bottomcenternav_standard {}
#dk_bottomcenternav_mobile {}

/********* BOTTOM ALL **********/
.dk_bottomallnav {}
#dk_bottomallnav_standard {}
#dk_bottomallnav_mobile {}

.html_element
{
    padding: 4px;
    margin: 0.1em 0.2em;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align:middle;
    line-height:normal !important;
}

.dk-sort-img
{
    position:absolute; 
    right:-20px; 
    top:0;
}

.dk-quick-links
{
    position: relative; display: inline-block;
    cursor:pointer;
}

.dk-quick-links > div[content] 
{
    display: none;
    position: absolute;
    -webkit-box-shadow: 1px 2px 14px 1px rgba(120,120,120,1);
    -moz-box-shadow: 1px 2px 14px 1px rgba(120,120,120,1);
    box-shadow: 1px 2px 14px 1px rgba(120,120,120,1);
    z-index:9999999;
     border-radius:4px;
}

.dk-quick-links:hover > div[content] 
{
    display: block;
}

.dk-blackout-screen
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity:.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
    z-index: 999998;    
}

.dk-session-timeout
{
    width:350px;
    margin:auto;
    position:fixed;
    top:25%;
    left:calc(50% - 175px); left: -webkit-calc(50% - 175px); left: -moz-calc(50% - 175px); left: -ms-calc(50% - 175px); 
    border: 1px solid #ebe8e8;
    border-radius: 2px;
    background-color:#fff;
    z-index: 999999;   
    padding:12px;
}

.dk-session-timeout .ui_headline { text-transform: uppercase; font-size:14px; color:#808080; padding-bottom:8px; border-bottom: 1px solid #ebe8e8; border-top-left-radius:2px; border-top-right-radius:2px}
.dk-session-timeout .ui_timer {font-size: 12px; color:#808080; padding:4px; text-align:center; text-transform: uppercase;  }
.dk-session-timeout .ui_body { padding:8px; color:#808080}
.dk-session-timeout .modal {z-index: 1250;}
.dk-session-timeout .ui_bottom { text-align:center}
.dk-session-timeout button { text-align:center; margin: 8px;}

@media only screen and (max-width: 600px) 
{
    .dk-session-timeout
    {
        width:300px;
        left:calc(50% - 150px); left: -webkit-calc(50% - 150px); left: -moz-calc(50% - 150px); left: -ms-calc(50% - 150px); 
        top:10%;
    }
}


.dk-payment-profile-input-panel
{
    width:100%; 
    display:table-row;
    margin: 10px 0px 10px;

}

.dk-payment-profile-input-panel > div[label]
{
    display:table-cell;
    color:#636363;  font-size:14px; width:215px; text-align:right; padding-right:4px; vertical-align:middle;
}

.dk-payment-profile-input-panel > div[data] 
{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}

.dk-payment-profile-input-panel > div[data] > input, .dk-payment-profile-input-panel > div[data] > select, .dk-payment-profile-input-panel > div[data] > span > input, .dk-payment-profile-input-panel > div[data] > span > select {
    width: 280px;
    font-family:  sans-serif, Verdana;
    vertical-align: middle;
    background-color: white;
    color: #808080;
    border: 1px solid #d4d4d4;
    padding: 10px;
    font-size: 13px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    margin:2px;
        
}

.dk-payment-profile-input-panel > div[data] > select::-ms-expand {
    display: none;
}

.dk-payment-profile-input-panel > div[data] > select {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #d4d4d4;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABT0lEQVQ4T2NkoBAwUqifgXID0nMrtWZObr9GjkuyC2u1GTPyq+cz/WNcPm1yyy5SDMnOq/Fi+McQxpiWlsbKyiG2gJGJYfaUCS0HiDEkO6/OmYHhX9LvH68SwGGQm5vL/o9RYPF/hn8Tpk1qPYbPkMzcWlsmRobcV0LMMasbGn7BA7GwsJDz52+epUwM/9qmTGk9g82Q7Pxa8/9/Gcq/fWGOWrCg4QdIDUosZGU18DAy/1rKxMBcN3ly80VkQ7ILqowY/jLUc7L/iurp6fkKk8OIxrS0cn4WNpZlfxn/lcJiJyOvSoeJkbnjB/vPyHldXZ+RDcaaDpILG4TY//1d8vf//3zWf3+Z/zEw9bKxsEZPmNDwAd1rOBNSbm6l6O//jGsYGZn+Mf37GzJ1avtbbOGCNyWm5TRo/GL683fBpJbbuGKG8qRMTMLBp4ZiFwAAq4pyv+DYf0gAAAAASUVORK5CYII=);
    background-position: calc(100% - 5px) calc(50%);
    background-repeat: no-repeat;
    padding-right: 1.9em;
}

.dk-profile-input-panel
{
    float:left; 
    width:40%; 
    overflow:hidden; 
    padding:8px 20px 8px 20px;
    min-height:70px;
    box-sizing:content-box;
}

.dk-profile-input-panel > div[label]
{
    text-transform:uppercase; color:#636363; padding-bottom:5px; font-size:13px;
}

.dk-profile-input-panel > div[data] > input, .dk-profile-input-panel > div[data] > select, .dk-profile-input-panel > div[data] > span > input, .dk-profile-input-panel > div[data] > span > select{
    width: 220px;
    padding: 6px;
    border: 1px solid #c2c1c1;
    border-radius: 4px;
    font-size: 13px;
    padding: 10px;
}
.dk-profile-input-panel > div[data] > select::-ms-expand {
    display: none;
}
.dk-profile-input-panel > div[data] > select {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #d4d4d4;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABT0lEQVQ4T2NkoBAwUqifgXID0nMrtWZObr9GjkuyC2u1GTPyq+cz/WNcPm1yyy5SDMnOq/Fi+McQxpiWlsbKyiG2gJGJYfaUCS0HiDEkO6/OmYHhX9LvH68SwGGQm5vL/o9RYPF/hn8Tpk1qPYbPkMzcWlsmRobcV0LMMasbGn7BA7GwsJDz52+epUwM/9qmTGk9g82Q7Pxa8/9/Gcq/fWGOWrCg4QdIDUosZGU18DAy/1rKxMBcN3ly80VkQ7ILqowY/jLUc7L/iurp6fkKk8OIxrS0cn4WNpZlfxn/lcJiJyOvSoeJkbnjB/vPyHldXZ+RDcaaDpILG4TY//1d8vf//3zWf3+Z/zEw9bKxsEZPmNDwAd1rOBNSbm6l6O//jGsYGZn+Mf37GzJ1avtbbOGCNyWm5TRo/GL683fBpJbbuGKG8qRMTMLBp4ZiFwAAq4pyv+DYf0gAAAAASUVORK5CYII=);
    background-position: calc(100% - 5px) calc(50%);
    background-repeat: no-repeat;
    padding-right: 1.9em;
}

@media only screen and (max-width: 600px) 
{
    .dk-profile-input-panel
    {
        float:unset; 
        width:100%; 
        overflow:hidden; 
        padding:8px 14px 8px 14px;
    }

    .dk-profile-input-panel > div[label]
    {
        text-transform:uppercase; color:#636363; padding-bottom:5px; font-size:14px;
    }

    .dk-profile-input-panel > div[data] > input, .dk-profile-input-panel > div[data] > select, .dk-profile-input-panel > div[data] > span > input, .dk-profile-input-panel > div[data] > span > select
    {
        width:90%; padding:6px; border: 1px solid #c2c1c1;
    }

    .dk-payment-profile-input-panel
    {
        float:unset; 
        display:block;
        width:100%; 
        padding:8px 14px 8px 14px;
    }

    .dk-payment-profile-input-panel > div[label]
    {
        display:block;
        text-transform:uppercase; color:#636363; padding-bottom:5px; font-size:14px; float:unset; text-align:unset; vertical-align:unset;
    }

    .dk-payment-profile-input-panel > div[data] 
    {
        display:block;
        float:unset;  text-align:unset; 
    }

    .dk-payment-profile-input-panel > div[data] > input, .dk-payment-profile-input-panel > div[data] > select, .dk-payment-profile-input-panel > div[data] > span > input, .dk-payment-profile-input-panel > div[data] > span >select
    {
        width:90% !important; border: 1px solid #c2c1c1; 
    }
}




/*-------NEW FORM STYLING FOR FormControl.ascx */
        /*Outer panel of each form item*/
        .dk-form-item-panel
        {
            padding: 5px 20px 5px 20px;
            font-size:16px;
            color:#8a8a8a;
            font-family:Arial;
        }

        .dk-form-item-panel[id$=_pnlHeader] div
        {
            text-align:center;
        }

        /*item: header*/
       .dk-form-item-panel[id$=_pnlHeader] div:first-child 
       {
            background-color: #f8f8f8;
            padding: 14px;
            border: 1px solid #d4d4d4;
            font-weight: bold;
            /*text-transform: uppercase;*/
            color: #636363;
            margin-bottom:7px;
            text-align: center;
        }

        .dk-form-item-panel div[css-item-captcha] [type=text] 
        {
            color:#727272;
            font-size:16px;
            padding:6px;
            margin:4px;
            max-width:168px;
        }

        .dk-form-item-panel [id*=_imgImage] 
        {
            max-width:600px;
        }

        .dk-form-item-panel [id$=pnlLine] > hr
        {
            border: none;
            height: 1px;
            color: #d4d4d4; /* old IE */
            background-color: #d4d4d4; /* Modern Browsers */
        }       

        /*Form item label*/
        .dk-form-item-label 
        {
            position:relative;
        }

        .dk-form-item-label > span, .dk-form-item-panel [id$=lblFixedDate] 
        {
            color:#727272;
            /*text-transform: uppercase;*/
            font-weight:bold;
            font-size:15px;
        }
       
        .dk-form-item-label > span[id*=Required] 
        {
            position:absolute;
            top:-7px;
            left:-12px;
            font-size:25px;
        }

        /*form item answer*/
        .dk-form-item-answer 
        {
            color:#8a8a8a;
            padding: 7px 4px 7px 4px;
        }

        .dk-form-item-answer [type=checkbox] 
        {
            color:#727272;
            margin-bottom:7px;
            margin-left:16px;
            margin-right:10px;
        }

        .dk-form-item-answer [type=radio] 
        {
            color:#727272;
            margin-bottom:7px;
            margin-left:16px;
            margin-right:10px;
        }

        .dk-form-item-answer [name^=txtOther] 
        {
            padding:6px;
            width:150px;
        }

        .dk-form-item-answer [type=number] 
        {
            color:#727272;
            padding:6px;
        }

        .dk-form-item-answer select 
        {
            color:#727272;
            padding:6px;
            max-width:250px;
            margin-bottom:2px;
            margin-right:2px;
        }

        .dk-form-item-answer textarea 
        {
            color:#727272;
            padding:4px;
        }

        .dk-form-item-answer [id$=_txtTextBox] 
        {
            color:#727272;
            padding:6px;
            width:400px;
        }

        .dk-form-item-answer[id*=VariableCostDisplay] > input
        {
            width:80px;
            text-align:center;
            font-size:16px;
            padding:4px;
        }
        
        .dk-form-item-answer [id*=VariableCostDisplayTotal], .dk-form-item-answer [id*=VariableCostDisplayAmt]  
        {
            padding:6px !important;
            margin-left:2px;
            border:1px solid #dddddd;
            background-color:rgba(238, 238, 238, 0.44);
            min-width:80px;
            text-align:center;
            display:inline-block;
        }

        #FormControl1_pnlPageNumber
        {
            text-align:right;
            padding:12px;
            font-weight:bold;
            text-transform:uppercase;
            color:#727272;
        }

        #FormControl1_pnlSurveyDescription
        {
            padding:8px;
            /*border: 1px solid #dddddd;*/
            text-align:center;
        }

    @media only screen and (max-width: 600px) 
    {
        .dk-form-item-answer table[id*=rblButtonList] td
        {
            display:block;
        }

        .dk-form-item-answer[id*=VariableCostDisplay] > input
        {
            width:55px !important;
            padding: 4px;
            font-size: 25px !important;
        }

         .dk-form-item-answer [id*=VariableCostDisplayTotal], .dk-form-item-answer [id*=VariableCostDisplayAmt]  
         {
            padding:6px;
            margin-left:2px;
            border:1px solid #dddddd;
            background-color:rgba(238, 238, 238, 0.44);
            min-width:70px;
            text-align:center;
            display:inline-block;
            font-size:25px !important;
        }

        .dk-form-item-answer input[text], .dk-form-item-answer [type="number"] , .dk-form-item-answer select, .dk-form-item-answer label [name^=txtOther], .dk-form-item-answer textarea, .dk-form-item-answer [id$=_txtTextBox] 
        {
            font-size:25px !important;
        }

        .dk-form-item-answer [type="number"], .dk-form-item-answer textarea, .dk-form-item-answer [id$=_txtTextBox]
        {
            width:100% !important;
            max-width:280px;
        }

        .dk-form-item-panel [id*=_imgImage] 
        {
            max-width:100% !important;
        }

        .dk-form-item-answer [name^=txtOther]
        {
            display:block;
            margin-left: 35px;
            font-size:25px !important;
        }

        .dk-form-item-answer[id*=pnlAnswerDropDown] > input[name^=txtOther]
        {
            width:100%;
            padding:8px;
            margin-left: 0;
            max-width:280px;
        }
    }   

    @media only screen and (max-width: 480px) /*phone Portrait mode only*/
    {
        .dk-form-item-answer select
        {
            width:100% !important;
            max-width:300px;
        }    
    }

    .dk-add-cost
    {
        background-color:#adadad;
        color:white;
        padding:2px 8px 2px 4px;
        border-radius: 10px;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        -khtml-border-radius: 10px;  
    }

    .dk-subtract-cost
    {
        background-color:#adadad;
        color:white;
        padding:2px 8px 2px 4px;
        border-radius: 10px;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        -khtml-border-radius: 10px;  
    }

    .dk-waitlisted 
    {
        background-color: #ad0000;
        color: white;
        padding: 2px 8px 2px 4px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
    }
/*end-------NEW FORM STYLING FOR FormControl.ascx */

/*Event color backgrounds*/
.dk-ev-calcolor-1, a.dk-ev-calcolor-1:link, .dk-ev-calcolor-1 * {
    background-color: #3e47b6 !important;
    color: #fff !important;
}

.dk-ev-calcolor-2, a.dk-ev-calcolor-2:link, .dk-ev-calcolor-2 * {
    background-color: #6d7ee9 !important;
    color: #fff !important;
}

.dk-ev-calcolor-3, a.dk-ev-calcolor-3:link, .dk-ev-calcolor-3 * {
    background-color: #3abfb7 !important;
    color: #fff !important;
}

.dk-ev-calcolor-4, a.dk-ev-calcolor-4:link, .dk-ev-calcolor-4 * {
    background-color: #79be61 !important;
    color: #fff !important;
}

.dk-ev-calcolor-5, a.dk-ev-calcolor-5:link, .dk-ev-calcolor-5 * {
    background-color: #015856 !important;
    color: #fff !important;
}

.dk-ev-calcolor-6, a.dk-ev-calcolor-6:link, .dk-ev-calcolor-6 * {
    background-color: #f25f12 !important;
    color: #fff !important;
}

.dk-ev-calcolor-7, a.dk-ev-calcolor-7:link, .dk-ev-calcolor-7 * {
    background-color: #d18328 !important;
    color: #fff !important;
}

.dk-ev-calcolor-8, a.dk-ev-calcolor-8:link, .dk-ev-calcolor-8 * {
    background-color: #992301 !important;
    color: #fff !important;
}

.dk-ev-calcolor-9, a.dk-ev-calcolor-9:link, .dk-ev-calcolor-9 * {
    background-color: #7e47a2 !important;
    color: #fff !important;
}

.dk-ev-calcolor-10, a.dk-ev-calcolor-10:link, .dk-ev-calcolor-10 * {
    background-color: #b641b8 !important;
    color: #fff !important;
}

.dk-ev-calcolor-11, a.dk-ev-calcolor-11:link, .dk-ev-calcolor-11 * {
    background-color: #f8f8f8 !important;
    color: #808080 !important;
}
/*End backgrounds*/

@media only screen and (max-width: 560px)
{
    .dk-full-panel {
        min-width: unset;
        width: 100%;
    }
}

@media print 
{
    body { background:none !important; }
}

/*This is for pages that use in regular app & pos, e.g. refund, receipt*/
.dk-pos-addbutton {
    background-color: white;
    color: #808080;
    border: 1px solid #d4d4d4;
    font-weight: 100;
    padding: 10px 50px 10px 50px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font: 13.3333px Arial;
    text-decoration: none !important;
    cursor: pointer;
}

/*Styles for store homepage*/
#dk-store-home {
    width: 100%;
}

#dk-store-vip {
    width: 100%;
}

#dk-store-home-products {
    width: 100%;
    clear: both;
}

.dk-store-home-product {
    width: 45%;
    float: left;
    border: dotted 1px #d4d4d4;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}

.dk-store-home-image {
    max-width: 100px;
    height: auto;
    float: left;
    padding: 0px 5px 5px 0px;
}

.dk-store-item-table {
    width: 98%;
}
.dk-store-item-bundle-table {
    width: 98%;
}
.dk-store-item {
    width: 100%;
    float: left;
}
.dk-store-item-sub-table {
    width: 100%;
    float: left;
}
.dk-store-bundle {
    width: 100%;
    float: left;
}
.dk-store-item-bundle-sub-table {
    width: 100%;
    float: left;
}
.dk-store-item-image {
    max-width: 100px;
    height: auto;
    float: left;
    padding: 0px 5px 5px 0px;
}

@media only screen and (max-width: 768px) {
    .dk-store-home-product {
        width: 100%;
        float: left;
        border: dotted 1px #d4d4d4;
        margin: auto;
        padding: 5px;
    }
}