body {
    margin: 0;
}
.diye {
    background-color: transparent;
    color: #333;
    font-family: Arial;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}
.diye {
}
.diye article, .diye aside, .diye details, .diye figcaption, .diye figure, .diye footer, .diye header, .diye hgroup, .diye nav, .diye section {
    display: block;
}
.diye audio, .diye canvas, .diye video {
    display: inline-block;
}
.diye audio:not([controls]) {
    display: none;
}
.diye html {
    font-size: 100%;
}
.diye a:focus {
    outline: thin dotted #333;
    outline-offset: -2px;
}
.diye a:hover, .diye a:active {
    outline: 0 none;
}
.diye sub, .diye sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.diye sup {
    top: -0.5em;
}
.diye sub {
    bottom: -0.25em;
}
.diye img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
}
.diye button, .diye input, .diye select, .diye textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
}
.diye button, .diye input {
    line-height: normal;
}
.diye button::-moz-focus-inner, .diye input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
.diye button, .diye input[type="button"], .diye input[type="reset"], .diye input[type="submit"] {
    cursor: pointer;
}
.diye input[type="search"] {
    box-sizing: content-box;
}
.diye textarea {
    overflow: auto;
    vertical-align: top;
}
.diye .clearfix {
}
.diye .clearfix:before, .diye .clearfix:after {
    content: "";
    display: table;
}
.diye .clearfix:after {
    clear: both;
}
.diye .hide-text {
    background-color: transparent;
    border: 0 none;
    color: transparent;
    font: 0px/0 a;
    text-shadow: none;
}
.diye .input-block-level {
    box-sizing: border-box;
    display: block;
    min-height: 28px;
    width: 100%;
}
.diye a {
    color: #08c;
    text-decoration: none;
}
.diye a:hover {
    color: #005580;
    text-decoration: underline;
}
.diye p {
    margin: 0 0 9px;
}
.diye p small {
    color: #999;
    font-size: 11px;
}
.diye .lead {
    font-size: 20px;
    font-weight: 200;
    line-height: 27px;
    margin-bottom: 18px;
}
.diye h1, .diye h2, .diye h3, .diye h4, .diye h5, .diye h6 {
    background-color: transparent;
    background-image: none;
    border: medium none;
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    margin: 0;
    text-rendering: optimizelegibility;
    text-transform: none;
}
.diye h1 small, .diye h2 small, .diye h3 small, .diye h4 small, .diye h5 small, .diye h6 small {
    color: #999;
    font-weight: normal;
}
.diye h1 {
    font-size: 30px;
    line-height: 36px;
}
.diye h1 small {
    font-size: 18px;
}
.diye h2 {
    font-size: 24px;
    line-height: 36px;
}
.diye h2 small {
    font-size: 18px;
}
.diye h3 {
    font-size: 18px;
    line-height: 27px;
}
.diye h3 small {
    font-size: 14px;
}
.diye h4, .diye h5, .diye h6 {
    line-height: 18px;
}
.diye h4 {
    font-size: 14px;
}
.diye h4 small {
    font-size: 12px;
}
.diye h5 {
    font-size: 12px;
}
.diye h6 {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
}
.diye .page-header {
    border-bottom: 1px solid #eee;
    margin: 18px 0;
    padding-bottom: 17px;
}
.diye .page-header h1 {
    line-height: 1;
}
.diye ul, .diye ol {
    margin: 0 0 9px 25px;
    padding: 0;
}
.diye ul ul, .diye ul ol, .diye ol ol, .diye ol ul {
    margin-bottom: 0;
}
.diye ul {
    list-style: disc outside none;
}
.diye ol {
    list-style: decimal outside none;
}
.diye li {
    line-height: 18px;
}
.diye ul.unstyled, .diye ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}
.diye dl {
    margin-bottom: 18px;
}
.diye dt, .diye dd {
    line-height: 18px;
}
.diye dt {
    font-weight: bold;
    line-height: 17px;
}
.diye dd {
    margin-left: 9px;
}
.diye .dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}
.diye .dl-horizontal dd {
    margin-left: 130px;
}
.diye hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color #fff;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 18px 0;
}
.diye strong {
    font-weight: bold;
}
.diye em {
    font-style: italic;
}
.diye .muted {
    color: #999;
}
.diye abbr[title] {
    border-bottom: 1px dotted #999;
    cursor: help;
}
.diye abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.diye blockquote {
    border-left: 5px solid #eee;
    margin: 0 0 18px;
    padding: 0 0 0 15px;
}
.diye blockquote p {
    font-size: 16px;
    font-weight: 300;
    line-height: 22.5px;
    margin-bottom: 0;
}
.diye blockquote small {
    color: #999;
    display: block;
    line-height: 18px;
}
.diye blockquote small:before {
    content: "— ";
}
.diye blockquote.pull-right {
    border-left: 0 none;
    border-right: 5px solid #eee;
    float: right;
    padding-left: 0;
    padding-right: 15px;
}
.diye blockquote.pull-right p, .diye blockquote.pull-right small {
    text-align: right;
}
.diye q:before, .diye q:after, .diye blockquote:before, .diye blockquote:after {
    content: "";
}
.diye address {
    display: block;
    font-style: normal;
    line-height: 18px;
    margin-bottom: 18px;
}
.diye small {
    font-size: 100%;
}
.diye cite {
    font-style: normal;
}
.diye code, .diye pre {
    border-radius: 3px;
    color: #333;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-size: 12px;
    padding: 0 3px 2px;
}
.diye code {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    color: #d14;
    padding: 2px 4px;
}
.diye pre {
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    display: block;
    font-size: 12.025px;
    line-height: 18px;
    margin: 0 0 9px;
    padding: 8.5px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.diye pre.prettyprint {
    margin-bottom: 18px;
}
.diye pre code {
    background-color: transparent;
    border: 0 none;
    color: inherit;
    padding: 0;
}
.diye .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.diye table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
.diye .table {
    margin-bottom: 18px;
    width: 100%;
}
.diye .table th, .diye .table td {
    border-top: 1px solid #ddd;
    line-height: 18px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
.diye .table th {
    font-weight: bold;
}
.diye .table thead th {
    vertical-align: bottom;
}
.diye .table caption + thead tr:first-child th, .diye .table caption + thead tr:first-child td, .diye .table colgroup + thead tr:first-child th, .diye .table colgroup + thead tr:first-child td, .diye .table thead:first-child tr:first-child th, .diye .table thead:first-child tr:first-child td {
    border-top: 0 none;
}
.diye .table tbody + tbody {
    border-top: 2px solid #ddd;
}
.diye .table-condensed th, .diye .table-condensed td {
    padding: 4px 5px;
}
.diye .table-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #ddd #ddd #ddd -moz-use-text-color;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}
.diye .table-bordered th, .diye .table-bordered td {
    border-left: 1px solid #ddd;
}
.diye .table-bordered caption + thead tr:first-child th, .diye .table-bordered caption + tbody tr:first-child th, .diye .table-bordered caption + tbody tr:first-child td, .diye .table-bordered colgroup + thead tr:first-child th, .diye .table-bordered colgroup + tbody tr:first-child th, .diye .table-bordered colgroup + tbody tr:first-child td, .diye .table-bordered thead:first-child tr:first-child th, .diye .table-bordered tbody:first-child tr:first-child th, .diye .table-bordered tbody:first-child tr:first-child td {
    border-top: 0 none;
}
.diye .table-bordered thead:first-child tr:first-child th:first-child, .diye .table-bordered tbody:first-child tr:first-child td:first-child {
    border-top-left-radius: 4px;
}
.diye .table-bordered thead:first-child tr:first-child th:last-child, .diye .table-bordered tbody:first-child tr:first-child td:last-child {
    border-top-right-radius: 4px;
}
.diye .table-bordered thead:last-child tr:last-child th:first-child, .diye .table-bordered tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}
.diye .table-bordered thead:last-child tr:last-child th:last-child, .diye .table-bordered tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}
.diye .table-striped tbody tr:nth-child(2n+1) td, .diye .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #f9f9f9;
}
.diye .table tbody tr:hover td, .diye .table tbody tr:hover th {
    background-color: #f5f5f5;
}
.diye table .span1 {
    float: none;
    margin-left: 0;
    width: 44px;
}
.diye table .span2 {
    float: none;
    margin-left: 0;
    width: 124px;
}
.diye table .span3 {
    float: none;
    margin-left: 0;
    width: 204px;
}
.diye table .span4 {
    float: none;
    margin-left: 0;
    width: 284px;
}
.diye table .span5 {
    float: none;
    margin-left: 0;
    width: 364px;
}
.diye table .span6 {
    float: none;
    margin-left: 0;
    width: 444px;
}
.diye table .span7 {
    float: none;
    margin-left: 0;
    width: 524px;
}
.diye table .span8 {
    float: none;
    margin-left: 0;
    width: 604px;
}
.diye table .span9 {
    float: none;
    margin-left: 0;
    width: 684px;
}
.diye table .span10 {
    float: none;
    margin-left: 0;
    width: 764px;
}
.diye table .span11 {
    float: none;
    margin-left: 0;
    width: 844px;
}
.diye table .span12 {
    float: none;
    margin-left: 0;
    width: 924px;
}
.diye table .span13 {
    float: none;
    margin-left: 0;
    width: 1004px;
}
.diye table .span14 {
    float: none;
    margin-left: 0;
    width: 1084px;
}
.diye table .span15 {
    float: none;
    margin-left: 0;
    width: 1164px;
}
.diye table .span16 {
    float: none;
    margin-left: 0;
    width: 1244px;
}
.diye table .span17 {
    float: none;
    margin-left: 0;
    width: 1324px;
}
.diye table .span18 {
    float: none;
    margin-left: 0;
    width: 1404px;
}
.diye table .span19 {
    float: none;
    margin-left: 0;
    width: 1484px;
}
.diye table .span20 {
    float: none;
    margin-left: 0;
    width: 1564px;
}
.diye table .span21 {
    float: none;
    margin-left: 0;
    width: 1644px;
}
.diye table .span22 {
    float: none;
    margin-left: 0;
    width: 1724px;
}
.diye table .span23 {
    float: none;
    margin-left: 0;
    width: 1804px;
}
.diye table .span24 {
    float: none;
    margin-left: 0;
    width: 1884px;
}
.diye #diye_general_message {
    background-color: #fff;
    border: 4px solid #f00;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin-right: 86px;
    padding-bottom: 12px;
    position: relative;
    text-align: center;
    z-index: 10001;
}
.diye #diye_general_message div {
    display: inline-block;
    margin-top: 12px;
}
body.ie-8 .diye .clearfix:before {
    display: inline;
}
.diye img {
    max-width: none;
}
.tabs.box .tab {
    border: 1px solid #ccc;
    border-radius: 0 0 2px 2px;
}
.diye, .diye p, .diye table, .diye td, .diye th, .diye h1, .diye h2, .diye h3 {
    color: #666 !important;
    font-family: Arial,Helvetica,sans-serif !important;
    line-height: 18px;
    text-align: left;
}
.diye h1 {
    font-size: 18px !important;
    line-height: 18px !important;
}
.diye h2 {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 6px;
}
.diye p, .diye h3 {
    font-size: 13px !important;
    line-height: 18px !important;
    margin-bottom: 12px;
}
#mainWrapper .content .diye h2, #sidebarWrapper .content .diye h2 {
    margin-bottom: 6px;
}
#mainWrapper .content .diye p, #sidebarWrapper .content .diye p, #mainWrapper .content .diye h3, #sidebarWrapper .content .diye h3 {
    margin-bottom: 12px;
}
#mainWrapper .content .diye h1, #sidebarWrapper .content .diye h1, #mainWrapper .content .diye h2, #sidebarWrapper .content .diye h2, #mainWrapper .content .diye h3, #sidebarWrapper .content .diye h3 {
    font-weight: bold;
}
.diye .heading, .diye .subheading {
    font-family: Arial,sans-serif !important;
    font-weight: bold !important;
}
.diye .bg-header .heading {
    color: #fff !important;
}
.diye .subheading, .diye .bg-primary .subheading, .diye .bg-header .subheading {
    color: #0fabfc !important;
}
.diye a {
    background: none repeat scroll 0 0 transparent;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    text-decoration: underline;
}
.diye a:link, .diye a:visited {
    color: #666;
}
.diye a:hover {
    color: #0a328c;
}
.diye a:active {
    color: #0fabfc;
}
.diye .box-border {
    border: 1px solid #ccc;
}
.diye .box-shadow {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.diye .bg-header {
    background-color: #0a328c;
}
.diye .bg-primary {
    background-color: #fff;
}
.diye .bg-secondary {
    background-color: #ebebeb;
}
.diye .selectable-box {
    border-color: transparent;
    border-style: solid;
    border-width: 9px;
}
.diye .selected .selectable-box, .diye .selectable-box.selected {
    border-color: #0fabfc;
}
.diye .selectable-box:hover {
    border-color: #0a328c;
}
.diye .selectable-box.no-hover-on-active.selected:hover {
    border-color: #0fabfc;
}
.diye .box-footer {
    background: -moz-linear-gradient(center top , #fefefe 0%, #ebebeb 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #ccc;
    height: 24px;
    padding: 13px 12px;
}
.diye .box-footer .ui-button {
    float: right;
}
.diye .box-footer .ui-button.button-cancel {
    float: left;
}
.diye .section-title-box {
    border-bottom: 2px solid #dedede;
    font-size: 14px;
    margin: 12px;
    padding-bottom: 8px;
}
.diye .section-delimiter {
    border-bottom: 2px solid #dedede;
    margin: 12px;
}
.diye .section {
    padding: 12px;
}
.diye .h-toolbar {
    padding: 6px;
}
.diye .h-toolbar .toolbar-section {
    float: left;
}
.diye .h-toolbar .toolbar-section-delimiter {
    border-left: 1px solid #dedede;
    margin: 6px;
}
.diye .h-toolbar .toolbar-section-title {
    color: #646e80;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}
.diye .h-toolbar .toolbar-item {
    float: left;
    padding: 6px;
}
.diye .h-toolbar.bg-secondary .toolbar-item.selected {
    background-color: #fff;
}
.diye .v-toolbar {
    padding: 2px 1px;
}
.diye .v-toolbar .toolbar-item {
    margin: 10px 5px;
}
.diye .module_help_link {
    background: url("/s/diy/jquery/ui/themes/diye/images/1and1-icons.png") no-repeat scroll -98px -4px transparent;
    cursor: pointer;
    height: 14px;
    width: 14px;
    z-index: 50;
}
.diye table.spaced {
    border-collapse: separate;
    border-spacing: 1px;
}
.diye .diy-tabs.diy-tabs-vertical {
    display: table;
    height: 100%;
    width: 100%;
}
.diye .diy-tabs-nav {
    background-color: #ebebeb;
    display: table-cell;
    padding: 6px 0 6px 12px;
    vertical-align: top;
}
.diye .diy-tabs-content {
    display: table-cell;
    width: 100%;
}
.diye .diy-tabs-item {
    border: 1px solid transparent;
    border-radius: 4px 0 0 4px;
    color: #666;
    display: block;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    margin-right: -1px;
    padding: 0 12px 0 8px;
    text-decoration: none;
    white-space: nowrap;
}
.diye .diy-tabs-item-selected, .diye .diy-tabs-item.diy-tabs-item-selected:hover {
    background: none repeat scroll 0 0 #fff;
}
.diye .diy-tabs-item-selected, .diye .diy-tabs-item.diy-tabs-item-selected:hover {
    color: #0fabfc;
}
.diye .diy-tabs-item:hover {
    color: #666;
}
.diye .diy-tabs-item > .diy-tabs-item-icon, .diye .diy-tabs-item > .diy-tabs-item-title {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
.diye .diy-tabs-item > .diy-tabs-item-title {
    margin-left: 6px;
}
.diye .fieldset, .diye .fieldset-header {
    border: 0 none;
    clear: both;
    margin: 0;
    padding: 0;
}
.diye .fieldset.fieldset-collapsed {
}
.diye .fieldset.fieldset-collapsed .fieldset-content {
    display: none;
}
.diye .fieldset-header {
    overflow: hidden;
}
.diye .fieldset-header > label {
}
.diye .fieldset-header input[type="checkbox"] {
}
.diye .fieldset.fieldset-disabled > .fieldset-header label, .diye .fieldset.fieldset-disabled > .fieldset-header input[type="checkbox"] {
}
.diye .fieldset-main > .fieldset-header {
    width: 100%;
}
.diye .fieldset-main.fieldset-disabled > .fieldset-header label {
}
.diye .fieldset-main > .fieldset-header label {
    margin: 18px 0 19px 34px;
}
.diye .fieldset-content {
    padding-left: 5px;
    padding-top: 9px;
}
.diye .fieldset-main > .fieldset-content {
    padding: 34px;
}
.diye .form-sep {
    background-color: #dedede;
    height: 2px;
    margin: 24px 0;
}
.diye .form-item {
    margin-top: 12px;
}
.diye .form-item-first {
    margin-top: 0;
}
.diye .form-item .form-label, .diye .form-item-label {
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 5px;
    text-align: left;
}
.diye .form-item.layout-horizontal .form-label {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 9px;
    vertical-align: middle;
}
.diye .form-item label.diy-checkbox, .diye .form-item label.diy-radiobox {
    margin-right: 22px;
}
.diye .form-item.blockType label.diy-checkbox, .diye .form-item.blockType label.diy-radiobox {
    display: block;
    margin-bottom: 12px;
    margin-right: 0;
}
.diye .form-item span.label.no-label, .diye .form-item label.no-label {
    margin-bottom: 0;
}
.diye .form-field {
    margin-left: 12px;
}
.diye .form-column {
    float: left;
    width: 50%;
}
.diye .form-column-left > .form-column-inner {
    padding-right: 0;
}
.diye .form-column-right > .form-column-inner {
    padding-left: 0;
}
.diye .form-section {
    margin: 12px;
}
.diye .form-subtitle {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 8px;
}
.diye .form-item + .form-subtitle {
    margin-top: 20px;
}
.diye .form-subtitle + .form-item {
    margin-top: 9px;
}
.diye .form-section > .form-subtitle:first-child {
    margin-top: -4px;
}
.diye .form-item textarea, .diye .form-item input[type="text"], .diye .form-item input[type="password"] {
    border: 1px solid #ccc;
    color: #666;
    font-family: Arial,sans;
    font-size: 13px;
    line-height: 18px;
    padding: 0 9px;
}
.diye .form-item textarea {
    padding-right: 0;
    resize: vertical;
}
.diye .form-item textarea.code {
    font: 13px/14px monospace,"Courier New",Courier,Monaco !important;
}
.diye .form-item input[type="text"], .diye .form-item input[type="password"] {
    height: 22px;
}
.diye .form-item input[type="text"][disabled], .diye .form-item input[type="password"][disabled] {
    background-color: #fff;
    background-image: url("/s/diy/jquery/ui/themes/diye/images/1and1-disabled-pattern.png");
    background-repeat: repeat;
    border-color: #d5d5d5;
    color: #d0d0d0;
}
.diye .form-item textarea.fullsize-input, .diye .form-item input.fullsize-input[type="text"] {
    box-sizing: border-box;
    width: 100%;
}
.diye textarea.edit-form-heading {
    height: 45px;
}
.diye .form-item input.fullsize-input[type="text"] {
    height: 24px;
}
.diye .form-info-text {
    margin-top: 7px;
}
.diye .form-section > .form-info-text:first-child {
    margin-top: -5px;
}
.diye .form-item .form-info-text {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 3px;
    margin-top: 4px;
}
.diye .form-info-box {
    background-color: #f8c901;
    font-size: 11px;
    font-weight: bold;
    margin-top: 12px;
    padding: 8px;
}
.diye .diy-message {
    display: none;
    margin-bottom: 12px;
}
.diye .form-item-error input[type="text"], .diye .form-item-error textarea, .diye .form-item-error .apsinth-combo-btn {
    border-color: #e3181e;
}
.diye .mod-bar-primary {
    background-color: #ebebeb;
    height: 54px;
    overflow: hidden;
    position: relative;
}
.diye .mod-bar-primary-sep, .diye .mod-bar-secondary-sep {
    float: left;
    height: 100%;
    position: relative;
    width: 1px;
}
.diye .mod-bar-primary-sep:after, .diye .mod-bar-secondary-sep:after {
    background: none repeat scroll 0 0 #d7d7d7;
    bottom: 6px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 6px;
}
.diye .mod-bar-secondary-sep:after {
    bottom: 10px;
    top: 10px;
}
.diye .mod-bar-primary-section, .diye .mod-bar-secondary-section {
    float: left;
    padding: 0 12px;
}
.diye .mod-bar-secondary-section {
    padding: 8px 12px;
}
.diye .mod-bar-primary-section-title {
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 1px;
    text-align: center;
}
.diye .mod-bar-primary-section-content {
    font-size: 0;
    text-align: center;
}
.diye .mod-bar-button, .diye .mod-bar-button.ui-icon-24, .diye .mod-bar-primary-section-tab, .diye .mod-bar-primary-section-tab.ui-icon-24, .diye .mod-bar-secondary-section-tab.ui-icon-24 {
    cursor: pointer;
    display: inline-block;
    height: 34px;
    outline: medium none;
    text-indent: -1000px;
    width: 34px;
}
.diye .mod-bar-primary-selected {
    background-color: #fff;
}
.diye .mod-bar-secondary {
    height: 45px;
    overflow: hidden;
}
.diye .mod-bar-primary-is-parent.mod-bar-primary-selected {
    background-color: #fff;
}
.diye .mod-bar-primary-section .mod-bar-primary-section-tab-more {
    float: left !important;
}
.diye .mod-bar-primary-is-parent {
    border: 1px solid transparent !important;
    outline: medium none !important;
}
.diye .mod-bar-secondary-section a {
    margin-top: 0 !important;
}
.diye .mod-bar-secondary-section-title {
    text-align: center !important;
    width: 100% !important;
}
.diye .mod-bar-primary-section .form-item {
    margin-top: 3px;
}
.diye .detailview {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    height: 72px;
    margin-top: 12px;
    padding: 6px;
    position: relative;
}
.diye .detailview:last-child {
    margin-bottom: 12px;
}
.diye .detailview .form-item {
    margin: 0 10px 0 0;
}
.diye .detailview .form-item input[type="text"] {
    border: 1px solid #fff;
}
.diye .detailview .form-column.mod-gallery-info-left {
    box-sizing: border-box;
    padding-right: 5px;
}
.diye .detailview .form-column.mod-gallery-info-right {
    box-sizing: border-box;
    padding-left: 5px;
}
.diye .detailview .v-toolbar {
    position: absolute;
    right: 5px;
    top: 0;
}
.diye .detailview a.delete, .diye .detailview a.edit, .diye .detailview a.add-link {
    margin: 4px 10px 4px 0;
    padding: 0;
    position: absolute;
    top: 6px;
}
.diye .detailview .delete {
    left: 88px;
}
.diye .detailview .edit {
    left: 112px;
}
.diye .detailview .add-link.ui-icon-locked {
    background-position: -1684px -4px;
}
.diye .detailview .add-link.ui-icon-locked:hover {
    background-position: -1684px -28px;
    cursor: pointer;
}
.diye .detailview a.img-up {
    margin-bottom: 10px;
}
.diye .detailview a.img-up, .diye .detailview a.img-down {
    background-image: url("/s/diy/jquery/ui/themes/diye/images/1and1-icons.png");
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 12px;
}
.diye .detailview a.img-up {
    background-position: -342px -4px;
}
.diye .detailview a.img-up:hover {
    background-position: -342px -28px;
}
.diye .detailview a.img-down {
    background-position: -366px -4px;
}
.diye .detailview a.img-down:hover {
    background-position: -366px -28px;
}
.diye .diy-image-preview {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    height: 50px;
    line-height: 46px;
    margin: 5px 0 0;
    min-height: 50px;
    text-align: center;
    width: 90px;
}
.diye .diy-image-preview span.diy-image-preview-no-image-label {
    display: none;
}
.diye .diy-image-preview img {
    display: inline;
    max-height: 50px;
    max-width: 90px;
    vertical-align: middle;
}
.diye .diy-image-preview.diy-image-preview-no-image {
    background: url("/s/img/cms/module/emotionheader/logo_preview.png") no-repeat scroll 0 0 #fff;
    border-width: 0;
    cursor: default;
    padding: 1px;
}
.diye .diy-image-preview.diy-image-preview-no-image span.diy-image-preview-no-image-label {
    display: inline;
    font-size: 11px;
}
.diye .diy-image-preview.diy-image-preview-no-image img {
    display: none;
}
.diye .diy-image-preview-wrapper {
}
.diye .diy-image-preview-wrapper a.diy-image-preview-delete {
    background: url("/s/diy/common/img/icons/trash_16x16.png") no-repeat scroll -6px 1px rgba(0, 0, 0, 0);
    display: inline-block;
    margin-top: 12px;
    padding-left: 20px;
}
.diye .diy-image-preview-wrapper a.diy-image-preview-delete:hover {
    background-position: -6px -23px;
}
.diye .diye-collapsible-category-header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
    border-style: solid;
    border-top: 1px solid #dedede;
    border-width: 1px 0;
    width: 100%;
    z-index: 999;
}
.diye .diye-collapsible-category-header .diye-collapsible-category-positioned {
    border-top: 1px solid #fcfcfc;
    position: relative;
}
.diye .diye-collapsible-category-header .diye-collapsible-category-title {
    color: #666;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    padding: 6px 12px;
}
.diye .diye-collapsible-category-header .diye-collapsible-category-arrow {
    background: url("/s/diy/common/img/collapsible-category.png") repeat scroll -12px -9px rgba(0, 0, 0, 0);
    height: 12px;
    position: absolute;
    right: 21px;
    top: 9px;
    width: 12px;
}
.diye .diye-collapsible-category-header .diye-collapsible-category-pointer {
    background: url("/s/diy/common/img/collapsible-category.png") repeat scroll -4px 0 rgba(0, 0, 0, 0);
    height: 8px;
    position: absolute;
    right: 19px;
    top: 26px;
    width: 17px;
}
.diye .diye-collapsible-category-header.fixed .diye-collapsible-category-pointer {
    display: none;
}
.diye .diye-collapsible-category-header.fixed .diye-collapsible-category-arrow {
    background-position: 0 -9px;
}
.diye .diye-collapsible-category-header.active .diye-collapsible-category-title {
    color: #0fabfc;
}
.diye .diye-collapsible-category-header:hover .diye-collapsible-category-title {
    color: #0fabfc;
    cursor: pointer;
}
.diye .diye-collapsible-category-content {
    padding: 12px;
}
.diye .ui-helper-hidden {
    display: none;
}
.diye .ui-helper-hidden-accessible {
    clip: rect(1px, 1px, 1px, 1px);
    outline: 0 none;
    position: absolute !important;
}
.diye .ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.diye .ui-helper-clearfix:before, .diye .ui-helper-clearfix:after {
    content: "";
    display: table;
}
.diye .ui-helper-clearfix:after {
    clear: both;
}
.diye .ui-helper-clearfix {
}
.diye .ui-helper-zfix {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.diye .ui-state-disabled {
    cursor: default !important;
}
.diye .ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
.diye .ui-widget-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.diye .ui-widget {
    font-size: 1em;
}
.diye .ui-widget input, .diye .ui-widget select, .diye .ui-widget textarea, .diye .ui-widget button {
    font-size: 1em;
}
.diye .ui-widget-content, .diye .ui-widget-header {
    border: 1px solid #ccc;
}
.diye .ui-widget-content {
    background: url("/s/diy/jquery/ui/themes/diye/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #fff;
}
.diye .ui-widget-header {
    background: url("/s/diy/jquery/ui/themes/diye/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #ccc;
    font-weight: bold;
}
.diye .ui-widget-content, .diye .ui-widget-header {
    color: #666;
}
.diye .ui-state-default, .diye .ui-widget-content .ui-state-default, .diye .ui-widget-header .ui-state-default, .diye .ui-button.ui-state-disabled:active, .diye .ui-button.ui-state-default[disabled="disabled"]:active {
    background: linear-gradient(to bottom, #147dbd 0%, #0a328c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    font-weight: normal;
}
.diye .button-cancel, .diye .ui-widget-content .button-cancel {
    background: linear-gradient(to bottom, #cccdcd 40%, #9b9b9b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diye .ui-state-hover.button-cancel, .diye .button-cancel.ui-state-default:hover, .diye .ui-widget-content .ui-state-hover.button-cancel, .diye .ui-state-focus.button-cancel, .diye .ui-widget-content .ui-state-focus.button-cancel {
    background: linear-gradient(to bottom, #d9d9d9 20%, #9d9d9d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diye .ui-state-default a, .diye .ui-state-default a:link, .diye .ui-state-default a:visited {
    color: #fff;
    text-decoration: none;
}
.diye .ui-state-hover, .diye .ui-widget-content .ui-state-hover, .diye .ui-widget-header .ui-state-hover {
    background: linear-gradient(to bottom, #147dbd 20%, #0a328c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
}
.diye .ui-state-hover a, .diye .ui-state-hover a:hover {
    color: #fff;
    text-decoration: none;
}
.diye .ui-state-active, .diye .ui-state-default:active, .diye .ui-widget-content .ui-state-active, .diye .ui-widget-header .ui-state-active, .diye .button-cancel.ui-state-active, .diye .ui-widget-content .button-cancel.ui-state-active {
    background: linear-gradient(to bottom, #22b2fc 0%, #0e98df 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    font-weight: bold;
}
.diye .ui-state-active a, .diye .ui-state-active a:link, .diye .ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
}
.diye .ui-widget *:active {
    outline: medium none;
}
.diye .ui-state-highlight, .diye .ui-widget-content .ui-state-highlight, .diye .ui-widget-header .ui-state-highlight {
    border: 0 none;
    color: #fff;
}
.diye .ui-state-highlight a, .diye .ui-widget-content .ui-state-highlight a, .diye .ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.diye .ui-state-error, .diye .ui-widget-content .ui-state-error, .diye .ui-widget-header .ui-state-error {
    background: url("/s/diy/jquery/ui/themes/diye/images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #fef1ec;
    border: 1px solid #cd0a0a;
    color: #cd0a0a;
}
.diye .ui-state-error a, .diye .ui-widget-content .ui-state-error a, .diye .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.diye .ui-state-error-text, .diye .ui-widget-content .ui-state-error-text, .diye .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.diye .ui-priority-primary, .diye .ui-widget-content .ui-priority-primary, .diye .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.diye .ui-priority-secondary, .diye .ui-widget-content .ui-priority-secondary, .diye .ui-widget-header .ui-priority-secondary {
    font-weight: normal;
    opacity: 0.7;
}
.diye .ui-state-disabled, .diye .ui-widget-content .ui-state-disabled, .diye .ui-widget-header .ui-state-disabled {
    opacity: 0.5;
}
.diye button.ui-state-disabled, .diye .ui-widget-content button.ui-state-disabled {
    opacity: 0.5;
}
.diye button.button-cancel.ui-state-disabled, .diye .ui-widget-content button.button-cancel.ui-state-disabled {
    opacity: 0.5;
}
.diye .ui-state-disabled.ui-resizable {
    opacity: 1;
}
.diye .ui-icon {
    background-image: url("/s/diy/jquery/ui/themes/diye/images/1and1-icons.png");
    height: 16px;
    width: 16px;
}
.diye .ui-icon-24 {
    background-image: url("/s/diy/jquery/ui/themes/diye/images/1and1-icons-24px.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}
.diye .ui-widget-content .ui-icon {
}
.diye .ui-widget-header .ui-icon {
}
.diye .ui-state-default .ui-icon {
}
.diye .ui-state-hover .ui-icon, .diye .ui-state-focus .ui-icon {
}
.diye .ui-state-active .ui-icon {
}
.diye .ui-state-highlight .ui-icon {
}
.diye .ui-state-error .ui-icon, .diye .ui-state-error-text .ui-icon {
}
.diye .ui-icon-carat-1-e {
    background-position: -1420px -4px;
}
.diye .ui-state-hover .ui-icon-carat-1-e {
    background-position: -1420px -28px;
}
.diye .ui-icon-carat-1-w {
    background-position: -1396px -4px;
}
.diye .ui-state-hover .ui-icon-carat-1-w {
    background-position: -1396px -28px;
}
.diye .ui-icon-trash {
    background-position: -292px -4px;
}
.diye .ui-state-hover .ui-icon-trash, .diye .ui-icon-trash:hover {
    background-position: -292px -28px;
}
.diye .ui-state-disabled .ui-icon-trash {
    background-position: -292px -76px;
}
.diye .ui-icon-settings {
    background-position: -1252px -4px;
}
.diye .ui-state-hover .ui-icon-settings, .diye .ui-icon-settings:hover {
    background-position: -1252px -28px;
}
.diye .ui-icon-search {
    background-position: -100px -76px;
}
.diye .ui-state-hover .ui-icon-search, .diye .ui-icon-search:hover {
    background-position: -124px -76px;
}
.diye .ui-icon-plusthick {
    background-position: -28px -28px;
}
.diye .ui-icon-close {
    background-position: -676px -4px;
}
.diye .ui-state-hover .ui-icon-close, .diye .ui-icon-close:hover {
    background-position: -676px -28px;
}
.diye .ui-icon-alert {
    background-position: -4px -27px;
}
.diye .ui-icon-help {
    background-position: -2012px -4px;
}
.diye .ui-state-hover .ui-icon-help {
    background-position: -2012px -28px;
}
.diye .ui-icon-check {
    background-position: -532px -4px;
}
.diye .ui-state-hover .ui-icon-check {
    background-position: -532px -28px;
}
.diye .ui-icon-play {
    background-position: -1611px -3px;
}
.diye .ui-state-hover .ui-icon-play, .diye .ui-icon-play:hover {
    background-position: -1611px -27px;
}
.diye .ui-icon-add-page {
    background-position: -1540px -4px;
}
.diye .ui-icon-star {
    background-position: -1988px -4px;
}
.diye .ui-state-hover .ui-icon-star {
    background-position: -1988px -28px;
}
.diye .ui-icon-search-gray {
    background-position: -1964px -4px;
}
.diye .ui-state-focus .ui-icon-search-gray {
    background-position: -1964px -28px;
}
.diye .ui-icon-search-variant {
    background-position: -2205px -4px;
}
.diye .ui-state-focus .ui-icon-search-variant {
    background-position: -2205px -28px;
}
.diye .ui-icon-1and1-lt-white {
    background-position: -146px -4px;
}
.diye .ui-icon-1and1-gt-white {
    background-position: -170px -4px;
}
.diye .ui-icon-1and1-lt-white-small {
    background-position: -149px -76px;
}
.diye .ui-icon-1and1-gt-white-small {
    background-position: -172px -76px;
}
.diye .ui-icon-1and1-accordion-active, .diye .ui-state-active .ui-icon-1and1-accordion {
    background-position: -243px -27px;
}
.diye .ui-icon-1and1-accordion {
    background-position: -219px -3px;
}
.diye .ui-state-hover .ui-icon-1and1-accordion, .diye .ui-state-default:hover .ui-icon-1and1-accordion {
    background-position: -219px -27px;
}
.diye .ui-state-hover .ui-icon-1and1-accordion-active, .diye .ui-state-active:hover .ui-icon-1and1-accordion {
    background-position: -243px -3px;
}
.diye .ui-icon-1and1-alert {
    background-position: -4px -27px;
}
.diye .ui-icon-1and1-closethick {
    background-position: -3px -3px;
}
.diye .ui-icon-1and1-help {
    background-position: -100px -4px;
}
.diye .ui-icon-1and1-mirror-h {
    background-position: -53px -27px;
}
.diye .ui-icon-1and1-mirror-v {
    background-position: -77px -27px;
}
.diye .ui-icon-gmarker {
    background-position: -124px -29px;
}
.diye .ui-icon-1and1-link {
    background-position: -1684px -4px;
}
.diye .ui-icon-1and1-link:hover {
    background-position: -1684px -28px;
}
.diye .ui-icon-1and1-unlink {
    background-position: -1708px -4px;
}
.diye .ui-icon-1and1-unlink:hover {
    background-position: -1708px -28px;
}
.diye .ui-icon-1and1-external {
    background-position: -148px -52px;
}
.diye .ui-icon-1and1-share {
    background-position: -219px -76px;
}
.diye .ui-icon-1and1-share-white {
    background-position: -219px -52px;
}
.diye .ui-icon-1and1-edit {
    background-position: -76px -52px;
}
.diye .ui-icon-1and1-edit:hover, .diye .ui-state-hover .ui-icon-1and1-edit {
    background-position: -76px -76px;
}
.diye .ui-icon-1and1-delete {
    background-position: -52px -52px;
}
.diye .ui-icon-1and1-delete:hover, .diye .ui-state-hover .ui-icon-1and1-delete {
    background-position: -52px -76px;
}
.diye .ui-icon-1and1-hidden {
    background-position: -1658px -4px;
    width: 19px;
}
.diye .ui-icon-1and1-protected {
    background-position: -1885px -4px;
}
.diye .ui-icon-1and1-drag {
    background-position: -1860px -4px;
}
.diye .ui-icon-1and1-drag-active {
    background-position: -1860px -28px;
}
.diye .ui-icon-1and1-plus-white {
    background-position: -1836px -52px;
}
.diye .ui-icon-1and1-green-check {
    background-position: -199px -76px;
}
.diye .ui-icon-24-1and1-pages {
    background-position: -1604px -4px;
}
.diye .ui-icon-24-1and1-move {
    background-position: -1863px 0;
}
.diye .ui-icon-24-1and1-move:hover, .diye .ui-icon-hover.ui-icon-24-1and1-move {
    background-position: -1863px -32px;
}
.diye .ui-icon-24-1and1-button {
    background-position: -2023px 0;
}
.diye .ui-icon-24-1and1-button:hover, .diye .ui-icon-hover.ui-icon-24-1and1-button {
    background-position: -2023px -32px;
}
.diye .ui-icon-24-1and1-color {
    background-position: -1958px 0;
}
.diye .ui-icon-24-1and1-color:hover, .diye .ui-icon-hover.ui-icon-24-1and1-color {
    background-position: -1958px -32px;
}
.diye .ui-icon-24-1and1-settings {
    background-position: -191px 1px;
}
.diye .ui-icon-24-1and1-settings:hover, .diye .ui-icon-hover.ui-icon-24-1and1-settings {
    background-position: -191px -31px;
}
.diye .ui-icon-24-1and1-img-upload {
    background-position: -286px 1px;
}
.diye .ui-icon-24-1and1-img-upload:hover, .diye .ui-icon-hover.ui-icon-24-1and1-img-upload {
    background-position: -286px -31px;
}
.diye .ui-icon-24-1and1-alt {
    background-position: -1799px 1px;
}
.diye .ui-icon-24-1and1-alt:hover, .diye .ui-icon-hover.ui-icon-24-1and1-alt {
    background-position: -1799px -31px;
}
.diye .ui-icon-24-1and1-effects {
    background-position: -1470px 1px;
}
.diye .ui-icon-24-1and1-effects:hover, .diye .ui-icon-hover.ui-icon-24-1and1-effects {
    background-position: -1470px -31px;
}
.diye .ui-icon-1and1-adjust {
    background-position: -1252px -4px;
}
.diye .ui-icon-1and1-adjust:hover, .diye .ui-icon-hover.ui-icon-1and1-adjust, .diye .ui-icon-hover .ui-icon-1and1-adjust {
    background-position: -1252px -28px;
}
.diye .ui-icon-1and1-tbackground {
    background-position: -2132px -4px;
}
.diye .ui-icon-1and1-tbackground:hover, .diye .ui-icon-hover.ui-icon-1and1-tbackground, .diye .ui-icon-hover .ui-icon-1and1-tbackground {
    background-position: -2132px -28px;
}
.diye .ui-icon-1and1-border {
    background-position: -2060px -4px;
}
.diye .ui-icon-1and1-border:hover, .diye .ui-icon-hover.ui-icon-1and1-border, .diye .ui-icon-hover .ui-icon-1and1-border {
    background-position: -2060px -28px;
}
.diye .ui-icon-1and1-move {
    background-position: -436px -4px;
}
.diye .ui-icon-1and1-move:hover, .diye .ui-icon-hover.ui-icon-1and1-move, .diye .ui-icon-hover .ui-icon-1and1-move {
    background-position: -436px -28px;
}
.diye .ui-icon-1and1-color {
    background-position: -2084px -4px;
}
.diye .ui-icon-1and1-color:hover, .diye .ui-icon-hover.ui-icon-1and1-color, .diye .ui-icon-hover .ui-icon-1and1-color {
    background-position: -2084px -28px;
}
.diye .ui-icon-1and1-alt {
    background-position: -2036px -4px;
}
.diye .ui-icon-1and1-alt:hover, .diye .ui-icon-hover.ui-icon-1and1-alt, .diye .ui-icon-hover .ui-icon-1and1-alt {
    background-position: -2036px -28px;
}
.diye .ui-icon-1and1-effects {
    background-position: -2156px -4px;
}
.diye .ui-icon-1and1-effects:hover, .diye .ui-icon-hover.ui-icon-1and1-effects, .diye .ui-icon-hover .ui-icon-1and1-effects {
    background-position: -2156px -28px;
}
.diye .ui-corner-all, .diye .ui-corner-top, .diye .ui-corner-left, .diye .ui-corner-tl {
    border-top-left-radius: 4px;
}
.diye .ui-corner-all, .diye .ui-corner-top, .diye .ui-corner-right, .diye .ui-corner-tr {
    border-top-right-radius: 4px;
}
.diye .ui-corner-all, .diye .ui-corner-bottom, .diye .ui-corner-left, .diye .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.diye .ui-corner-all, .diye .ui-corner-bottom, .diye .ui-corner-right, .diye .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.diye .ui-widget-overlay {
    background: none repeat scroll 0 0 #fff;
    opacity: 0.7;
}
.diye .ui-widget-overlay.transparent {
    opacity: 0;
}
.diye .ui-widget-shadow {
    background: url("/s/diy/jquery/ui/themes/diye/images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #aaa;
    border-radius: 8px;
    margin: -8px 0 0 -8px;
    opacity: 0.3;
    padding: 8px;
}
.diye .ui-button-text {
    color: #fff;
}
.diye .ui-resizable {
    position: relative;
}
.diye .ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
}
.diye .ui-resizable-disabled .ui-resizable-handle, .diye .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.diye .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%;
}
.diye .ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.diye .ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}
.diye .ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px;
}
.diye .ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px;
}
.diye .ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px;
}
.diye .ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px;
}
.diye .ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px;
}
.diye .ui-selectable-helper {
    border: 1px dotted black;
    position: absolute;
    z-index: 100;
}
.diye .ui-accordion {
    width: 100%;
}
.diye .ui-accordion .ui-accordion-header {
    cursor: pointer;
    margin-bottom: 12px;
    position: relative;
}
.diye .ui-accordion .ui-accordion-li-fix {
    display: inline;
}
.diye .ui-accordion .ui-accordion-header-active {
    border-bottom: 0 none !important;
}
.diye .ui-accordion .ui-accordion-header a {
    color: #0fabfc;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
}
.diye .ui-accordion-header.ui-state-default a, .diye .ui-accordion-header.ui-state-default a:link, .diye .ui-accordion-header.ui-state-default a:visited, .diye .ui-accordion-header.ui-state-active a, .diye .ui-accordion-header.ui-state-active a:link, .diye .ui-accordion-header.ui-state-active a:visited {
    color: #0fabfc;
}
.diye .ui-accordion-header.ui-state-default, .diye .ui-accordion-header.ui-state-focus, .diye .ui-accordion-header.ui-state-active, .diye .ui-accordion-header.ui-state-hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    filter: none;
}
.diye .ui-accordion-icons .ui-accordion-header a {
    padding-left: 22px;
}
.diye .ui-accordion .ui-accordion-header .ui-icon {
    height: 18px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 18px;
}
.diye .ui-accordion .ui-accordion-content {
    border: 0 none;
    color: inherit;
    display: none;
    margin: 0;
    overflow: visible;
    padding: 0 0 12px;
    position: relative;
}
.diye .ui-accordion .ui-accordion-content-active {
    display: block;
}
.diye .ui-autocomplete {
    cursor: default;
    position: absolute;
}
.diye * html .ui-autocomplete {
    width: 1px;
}
.diye .ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}
.diye .ui-menu .ui-menu {
    margin-top: -3px;
}
.diye .ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.diye .ui-menu .ui-menu-item span, .diye .ui-menu .ui-menu-item a {
    display: block;
    font-weight: normal;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}
.diye .ui-menu .ui-menu-item a.ui-state-hover, .diye .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.diye .ui-button {
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    height: 24px;
    overflow: visible;
    padding: 0 12px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
}
.diye .ui-button-icon-only {
    width: 16px;
}
.diye button.ui-button-icon-only {
    width: 40px;
}
.diye .ui-button-icons-only {
    width: 56px;
}
.diye button.ui-button-icons-only {
    width: 56px;
}
.diye .ui-button .ui-button-text {
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
}
.diye .ui-button-icon-only .ui-button-text, .diye .ui-button-icons-only .ui-button-text {
    text-indent: -9999px;
}
.diye .ui-button-text-icon-primary .ui-button-text, .diye .ui-button-text-icons .ui-button-text {
    padding-left: 16px;
}
.diye .ui-button-text-icon-secondary .ui-button-text, .diye .ui-button-text-icons .ui-button-text {
    padding-right: 16px;
}
.diye input.ui-button {
    font-weight: bold;
    padding: 0.4em 1em;
}
.diye .ui-button-icon-only .ui-icon, .diye .ui-button-text-icon-primary .ui-icon, .diye .ui-button-text-icon-secondary .ui-icon, .diye .ui-button-text-icons .ui-icon, .diye .ui-button-icons-only .ui-icon {
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.diye .ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.diye .ui-button-text-icon-primary .ui-button-icon-primary, .diye .ui-button-text-icons .ui-button-icon-primary, .diye .ui-button-icons-only .ui-button-icon-primary {
    left: 0.5em;
}
.diye .ui-button-text-icon-secondary .ui-button-icon-secondary, .diye .ui-button-text-icons .ui-button-icon-secondary, .diye .ui-button-icons-only .ui-button-icon-secondary {
    right: 0.5em;
}
.diye .ui-button-text-icons .ui-button-icon-secondary, .diye .ui-button-icons-only .ui-button-icon-secondary {
    right: 0.5em;
}
.diye .ui-buttonset {
    margin-right: 7px;
}
.diye .ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em;
}
.diye button.ui-button::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
.diye .ui-button.ui-button-small {
    height: 20px;
    padding-left: 9px;
    padding-right: 9px;
}
.diye .ui-button.ui-button-small .ui-button-text {
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
}
.diye .ui-button.ui-button-borderless {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    filter: none;
    padding: 0;
}
.diye .ui-button.ui-button-icon-only.ui-button-borderless {
    height: 16px;
    width: 16px;
}
.diye .ui-button.ui-button-borderless .ui-icon {
    left: 0;
}
.diye .ui-button.ui-button-borderless .ui-icon + .ui-button-text {
    padding-left: 22px;
}
.diye .ui-button.ui-button-borderless .ui-button-text {
    font-weight: normal;
}
.diye .ui-button.ui-button-borderless .ui-button-text, .diye .bg-primary .ui-button.ui-button-borderless .ui-button-text {
    color: #666;
}
.diye .ui-button.ui-button-borderless.ui-state-hover .ui-button-text {
    color: #0fabfc;
}
.diye .bg-secondary .ui-button.ui-button-borderless .ui-button-text {
    color: #666;
}
.diye .bg-header .ui-button.ui-button-borderless .ui-button-text {
    color: #fff;
}
.diye .ui-button.ui-button-borderless.ui-corner-all {
    border-radius: 0;
}
.diye .ui-button.ui-button-borderless.ui-button-icon-only .ui-icon {
    margin: 0;
    position: static;
}
.diye .ui-button-borderless.ui-state-disabled, .diye .ui-widget-content .ui-button-borderless.ui-state-disabled {
    opacity: 1;
}
.diye .ui-button.ui-state-focus {
    outline: 1px dotted grey;
}
.diye .ui-button.ui-button-large {
    background: linear-gradient(180deg, rgb(77, 184, 255) 20%, rgb(7, 160, 254) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    height: 36px;
    margin-bottom: 10px;
    outline: 0 none;
    transition: all 0.5s ease-out 0s;
}
.diye .ui-button.ui-button-large:hover {
    background: linear-gradient(180deg, rgb(97, 204, 255) 20%, rgb(7, 160, 254) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diye .ui-button.ui-button-large:active {
    background: none repeat scroll 0 0 rgb(97, 204, 255);
}
.diye .ui-button.ui-button-large .ui-button-text {
    font-size: 18px;
    opacity: 0.9;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.diye .ui-dialog {
    border: medium none;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
    overflow: hidden;
    padding: 0 7px 7px;
    position: absolute;
    width: 350px;
}
body.ie-8 .diye .ui-dialog {
    border: 2px solid #ccc;
}
.diye .ui-dialog.ui-corner-all {
    border-radius: 0;
}
.diye .ui-widget-content.ui-dialog {
    background-color: #ebebeb;
    background-image: none;
    border: medium none;
    overflow: visible;
}
.diye .ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.diye .ui-dialog .ui-dialog-titlebar {
    background-color: #ebebeb;
    background-image: none;
    border: medium none;
    border-radius: 0;
    padding: 4px 0;
    position: relative;
}
.diye .ui-dialog .ui-dialog-title {
    color: #0fabfc;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
}
.diye .ui-dialog .ui-dialog-titlebar-close {
    float: right;
    height: 16px;
    padding: 1px;
    width: 16px;
}
.diye .ui-dialog .ui-dialog-titlebar-close {
    display: none;
}
.diye .ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}
.diye .ui-dialog .ui-dialog-titlebar-help {
    float: right;
    height: 18px;
    padding: 1px;
    width: 19px;
}
.diye .ui-dialog .ui-dialog-titlebar-help span {
    display: block;
}
.diye .ui-dialog .ui-dialog-titlebar-close:hover, .diye .ui-dialog .ui-dialog-titlebar-close:focus {
}
.diye .ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    overflow: auto;
    padding: 12px 12px 24px;
    text-align: left;
}
.diye .ui-dialog.hasXCloseButton .ui-dialog-content {
    padding: 24px;
}
.diye .ui-dialog.ui-dialog-closable .ui-dialog-content {
    padding: 24px;
}
.diye .ui-dialog .ui-dialog-content h2 .ui-icon {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
.diye .ui-dialog .ui-dialog-buttonpane {
    background-color: #ebebeb;
    background-image: none;
    border: medium none;
    margin: 0;
    padding: 9px 0 0;
    text-align: left;
}
.diye .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
}
.diye .ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    float: right;
    font-family: Arial;
    font-size: 13px;
    margin: 0;
}
.diye .ui-dialog .ui-dialog-buttonpane button.button-cancel {
    float: left;
    margin-right: 10px;
}
.diye .ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px;
}
.diye .ui-widget-overlay {
    background-color: white;
    opacity: 0.7;
}
.diye .ui-dialog .ui-widget-header .ui-button.ui-state-default {
    background-color: transparent;
    background-image: none;
    filter: none;
}
.diye .ui-dialog .inner_button_bar {
}
.diye .ui-dialog.hasXCloseButton .inner_button_bar {
    text-align: center;
}
.diye .ui-dialog.hasXCloseButton .ui-dialog-titlebar-close {
    display: inline;
}
.diye .ui-dialog.ui-dialog-closable .inner_button_bar {
    text-align: center;
}
.diye .ui-dialog.ui-dialog-closable .ui-dialog-titlebar-close {
    display: inline;
}
.diye .hasXCloseButton .ui-icon-1and1-closethick {
    background-position: -1588px -3px;
}
.diye .ui-dialog-closable .ui-icon-1and1-closethick {
    background-position: -1588px -3px;
}
.diye .hasXCloseButton .ui-icon-1and1-closethick:hover, .diye .hasXCloseButton .ui-state-hover .ui-icon-1and1-closethick {
    background-position: -1588px -27px;
}
.diye .ui-dialog-closable .ui-icon-1and1-closethick:hover, .diye .ui-dialog-closable .ui-state-hover .ui-icon-1and1-closethick {
    background-position: -1588px -27px;
}
.diye .hasXCloseButton .ui-dialog-titlebar-close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diye .ui-dialog-closable .ui-dialog-titlebar-close, .diye .ui-dialog-closable .ui-dialog-titlebar-close.ui-state-hover, .diye .ui-dialog-closable .ui-dialog-titlebar-close.ui-state-active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    filter: none;
}
.diye .ui-dialog .dialog-wrapper.with-icon {
    padding-left: 24px;
    position: relative;
}
.diye .ui-dialog .dialog-icon {
    left: 0;
    position: absolute;
    top: 0;
}
.diye .diy-slider-wrapper {
    padding-bottom: 6px;
    padding-top: 6px;
}
.diye .ui-slider {
    position: relative;
    text-align: left;
}
.diye .ui-slider.ui-corner-all {
    border: medium none;
}
.diye .ui-slider.ui-widget-content, .diye .bg-primary .ui-slider.ui-widget-content {
    background: none repeat scroll 0 0 #ebebeb;
}
.diye .bg-secondary .ui-slider.ui-widget-content {
    background: none repeat scroll 0 0 #fff;
}
.diye .ui-slider .ui-slider-handle {
    height: 16px;
    position: absolute;
    width: 12px;
    z-index: 2;
}
.diye .ui-slider .ui-slider-range {
    background: none repeat scroll 0 0 black;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.diye .ui-slider-horizontal {
    height: 4px;
}
.diye .ui-slider-horizontal .ui-slider-handle {
    margin-left: -6px;
    top: -6px;
}
.diye .ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.diye .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.diye .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.diye .ui-slider-vertical {
    height: 100px;
    width: 4px;
}
.diye .ui-slider-vertical .ui-slider-handle {
    height: 12px;
    left: -6px;
    margin-bottom: -6px;
    margin-left: 0;
    width: 16px;
}
.diye .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.diye .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.diye .ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.diye .ui-slider.ui-disabled, .diye .ui-slider.ui-disabled .ui-slider-handle, .diye .ui-widget-content .ui-slider.ui-disabled, .diye .ui-widget-content .ui-slider.ui-disabled .ui-slider-handle {
    opacity: 0.5;
}
.diye .ui-slider.ui-disabled .ui-slider-handle, .diye .ui-widget-content .ui-slider.ui-disabled .ui-slider-handle {
}
.diye .ui-slider.ui-disabled .ui-slider-handle.ui-state-default {
    background: linear-gradient(to bottom, #cccdcd 40%, #9b9b9b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: default !important;
}
.diye .ui-slider.ui-corner-all {
    border-radius: 0;
}
.diye .ui-tabs {
    padding: 0;
    position: relative;
}
.diye .ui-tabs.ui-widget-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
}
.diye .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0 12px;
}
.diye .ui-tabs .ui-tabs-nav.ui-widget-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #0fabfc;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 3px;
}
.diye .ui-tabs .ui-tabs-nav.ui-corner-all {
    border-radius: 0;
}
.diye .ui-tabs .ui-tabs-nav li {
    border-bottom: 0 none !important;
    float: left;
    height: 22px;
    list-style: none outside none;
    margin: 0 2px 1px 0;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
}
.diye .ui-tabs .ui-tabs-nav li.ui-state-active, .diye .ui-tabs .ui-tabs-nav li.ui-state-focus {
    background: none repeat scroll 0 0 #0fabfc;
}
.diye .ui-tabs .ui-tabs-nav li a {
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 1px;
    text-decoration: none;
}
.diye .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}
.diye .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .diye .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .diye .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}
.diye .ui-tabs .ui-tabs-nav li a, .diye .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.diye .ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-width: 0;
    display: block;
    padding: 0;
}
.diye .ui-tabs .ui-tabs-hide {
    display: none !important;
}
.diye .ui-tabs .ui-tabs-panel.ui-corner-bottom {
    border-radius: 0;
}
.diye .ui-datepicker {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    display: none;
    margin-top: 12px;
    padding: 5px;
    width: 250px;
}
.diye .ui-datepicker.ui-corner-all, .diye .ui-datepicker-header.ui-corner-all {
    border-radius: 0;
}
.diye .ui-datepicker .ui-datepicker-header {
    background: none repeat scroll 0 0 #fff;
    border-width: 0;
    color: #0fabfc;
    margin: -4px -4px 1px;
    position: relative;
}
.diye .ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w {
    background-position: -1396px -4px;
}
.diye .ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon-circle-triangle-w {
    background-position: -1396px -28px;
}
.diye .ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e {
    background-position: -1420px -4px;
}
.diye .ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon-circle-triangle-e {
    background-position: -1420px -28px;
}
.diye .ui-datepicker .ui-datepicker-prev, .diye .ui-datepicker .ui-datepicker-next {
    background: none repeat scroll 0 0 transparent !important;
    cursor: pointer;
    filter: none;
    height: 16px;
    position: absolute;
    top: 3px;
    width: 16px;
}
.diye .ui-datepicker .ui-datepicker-prev-hover, .diye .ui-datepicker .ui-datepicker-next-hover {
}
.diye .ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.diye .ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.diye .ui-datepicker .ui-datepicker-prev-hover {
}
.diye .ui-datepicker .ui-datepicker-next-hover {
}
.diye .ui-datepicker .ui-datepicker-prev span, .diye .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.diye .ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
.diye .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.diye .ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.diye .ui-datepicker select.ui-datepicker-month, .diye .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.diye .ui-datepicker table {
    border-collapse: collapse;
    margin-top: 4px;
    width: 100%;
}
.diye .ui-datepicker td, .diye .ui-datepicker th {
    font-size: 11px !important;
    line-height: 14px !important;
}
.diye .ui-datepicker th {
    border: 0 none;
    padding: 0.5px 0.5px 4px;
}
.diye .ui-datepicker th span {
    background: none repeat scroll 0 0 #646e80;
    color: #fff;
    display: block;
    font-weight: bold;
    padding-top: 1px;
    text-align: center;
}
.diye .ui-datepicker td {
    border: 0 none;
    padding: 0.5px;
}
.diye .ui-datepicker td span, .diye .ui-datepicker td a {
    display: block;
    filter: none !important;
    padding: 5px;
    text-align: right;
    text-decoration: none;
}
.diye .ui-datepicker td span, .diye .ui-datepicker td a.ui-state-default {
    background: none repeat scroll 0 0 #ebebeb !important;
    color: #666 !important;
}
.diye .ui-datepicker td a.ui-state-highlight {
    border: 1px solid #0fabfc;
    padding: 4px;
}
.diye .ui-datepicker td a.ui-state-active {
    background-color: #0fabfc !important;
    color: #fff !important;
    padding: 4px;
}
.diye .ui-datepicker td a.ui-state-hover {
    background-color: #0a328c !important;
    color: #fff !important;
}
.diye .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 5px 0 0;
}
.diye .ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin-top: 5px;
    overflow: visible;
    width: auto;
}
.diye .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .diye .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-noenddate {
    float: left;
}
.diye .ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.diye .ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.diye .ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 95%;
}
.diye .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.diye .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.diye .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.diye .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}
.diye .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.diye .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.diye .ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%;
}
.diye .ui-datepicker-rtl {
    direction: rtl;
}
.diye .ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px;
}
.diye .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.diye .ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px;
}
.diye .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.diye .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.diye .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.diye .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.diye .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.diye .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}
.diye .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}
.diye .ui-datepicker-trigger {
    background-position: -1028px -4px;
}
.diye .ui-datepicker-trigger:hover {
    background-position: -1028px -36px;
}
.diye .ui-progressbar {
    height: 2em;
    overflow: hidden;
    text-align: left;
}
.diye .ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
}
.diye .ui-dialog.frameless-dialog {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 0;
}
.diye .ui-draggable.frameless-dialog {
    cursor: move;
}
.diye .ui-widget-content.ui-dialog.frameless-dialog {
    border: 1px solid #ccc;
}
.diye .ui-dialog.frameless-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 #eaeaea;
    padding: 24px;
}
.diye .ui-dialog.frameless-dialog .ui-dialog-content p, .diye .ui-dialog.frameless-dialog .ui-dialog-content h2 {
    margin-bottom: 0;
}
.diye .ui-dialog.frameless-dialog .ui-dialog-content h2 + p {
    margin-top: 6px;
}
.diye .ui-dialog.frameless-dialog .ui-dialog-buttonpane, .diye .ui-dialog.frameless-dialog .ui-dialog-footer {
    background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #ccc;
    padding: 13px 24px;
}
.diye .ui-dialog.confirmation-dialog .ui-dialog-titlebar {
    display: none;
}
.diye .ui-dialog.confirmation-dialog .confirmation-wrapper.with-icon {
    padding-left: 24px;
    position: relative;
}
.diye .ui-dialog.confirmation-dialog .confirmation-icon {
    left: 0;
    position: absolute;
    top: 0;
}
.diye .ui-dialog.callout-dialog .ui-dialog-titlebar {
    display: block;
    padding: 18px 0 0 24px;
}
.diye .ui-dialog.callout-dialog .ui-dialog-title {
    font-size: 18px !important;
    line-height: 18px !important;
}
.diye .ui-dialog.callout-dialog .ui-dialog-titlebar-close {
    padding: 0;
    position: absolute;
    right: 11px;
    top: 8px;
}
.diye .ui-dialog.callout-dialog .ui-dialog-content {
    padding-top: 18px;
}
.diye .ui-dialog.message-dialog {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 0;
}
.diye .ui-dialog.message-dialog .ui-dialog-titlebar {
    display: none;
}
.diye .ui-dialog.message-dialog .ui-dialog-content {
    padding: 0;
}
.diye .ui-dialog.message-dialog .diy-message {
    margin-bottom: 0;
}
.diy-multipleupload {
}
.diy-multipleupload-body {
    border: 1px solid #ccc;
    min-height: 100px;
}
.diy-multipleupload-body-custom-border {
    border: 1px dashed #ccc;
    display: table;
    height: 150px;
    width: 100%;
}
.diy-multipleupload-upload-btn-container {
    display: table;
    height: 25px;
    margin: auto;
    position: relative;
}
.diy-multipleupload-upload-text-container {
    margin-bottom: 10px;
    text-align: center;
}
.diy-multipleupload-center-wrapper {
    display: table-cell;
    vertical-align: middle;
}
.diy-multipleupload-footer {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #fefefe 0%, #ebebeb 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-right: 1px solid #ccc;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    clear: both;
    height: 24px;
    padding: 13px 12px;
}
.diy-multipleupload-list {
}
.diy-multipleupload-name-col, .diy-multipleupload-size-col {
    float: left;
}
.diy-multipleupload-name-col div, .diy-multipleupload-size-col div {
    font-size: 13px;
    line-height: 18px;
    padding: 6px 12px;
}
.diy-multipleupload-list-header .diy-multipleupload-name-col div, .diy-multipleupload-list-header .diy-multipleupload-size-col div {
    color: #0eabfc !important;
    padding-top: 16px;
}
.diy-multipleupload-file-row {
    float: left;
    width: 100%;
}
.diy-multipleupload-file-row:hover {
    background-color: #eaeaea;
}
.diy-multipleupload-file-row-selected {
    background-color: #eaeaea;
    color: #0eabfc !important;
}
.diy-multipleupload-size-col {
    width: 30%;
}
.diy-multipleupload-name-col div {
    border-right: 1px solid #e7e7e7;
    word-wrap: break-word;
}
.diy-multipleupload-name-col {
    width: 70%;
}
.diy-multipleupload-browse-button.ui-button, .diy-multipleupload-upload-button.ui-button {
    float: right;
    margin-left: 12px;
}
.diy-multipleupload-browse-button.ui-button.ui-state-disabled, .diy-multipleupload-upload-button.ui-button.ui-state-disabled {
}
.diy-multipleupload-browse-button .swfupload {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.diy-multipleupload-body .loadingBox-overlay {
    opacity: 1;
}
.diy-multipleupload-no-files {
    display: table;
    height: 100px;
    width: 100%;
}
.diy-multipleupload-no-files-message {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.diye .diy-tooltip {
    background-color: #f8c901;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: #666;
    font-size: 11px;
    line-height: 14px;
    width: 192px;
}
body.ie .diye .diy-tooltip {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.diye .diy-tooltip-container {
    padding: 9px;
}
.diye .diy-tooltip-title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}
.diye .diy-tooltip-content {
    font-weight: bold;
    text-align: center;
}
.diye .diy-tooltip-close {
    background: url("/s/diy/jquery/ui/widgets/tooltip/img/tooltips-sprite.png") no-repeat scroll -100px -10px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 14px;
    position: absolute;
    right: 9px;
    text-decoration: none;
    top: 6px;
    width: 14px;
}
.diye .diy-tooltip-inline.diy-tooltip {
    position: relative;
    width: auto;
}
.diye .diy-tooltip-inline.diy-tooltip .diy-tooltip-content {
    text-align: left;
}
.diye .diy-icon-tooltip .diy-tooltip-content-icon {
    left: 12px;
    position: absolute;
    top: 5px;
}
.diye .diy-icon-tooltip .diy-tooltip-content {
    padding-left: 28px;
    padding-top: 2px;
}
.diye .diy-tooltip-content a {
    cursor: pointer;
}
.diye .limitations-callout .diy-tooltip-content a {
    font-weight: bold;
}
.diye .diy-tooltip.blueishTheme {
    background-color: #fff;
    border: 4px solid #0fabfc;
    color: #666;
    font-size: 11px;
    line-height: 15px;
    min-width: 290px;
    width: 330px;
}
.diye .diy-tooltip.blueishTheme small {
    font-weight: normal;
}
.diye .diy-tooltip.blueishTheme .diy-tooltip-container {
    padding: 12px;
}
.diye .diy-tooltip-arrow-guide {
}
.diye .diy-tooltip-arrow {
    background: url("/s/diy/jquery/ui/widgets/tooltip/img/tooltips-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diye .diy-tooltip-arrow-left-guide {
    height: 1px;
    left: 100%;
    position: absolute;
    top: 50%;
    width: 1px;
}
.diye .diy-tooltip-arrow-left {
    background-position: 0 -50px;
    height: 16px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 9px;
}
body.ie-8 .diye .diy-tooltip-arrow-left {
    background-position: 0 -30px;
}
.diye .diy-tooltip-arrow-right-guide {
    height: 1px;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 1px;
}
.diye .diy-tooltip-arrow-right {
    background-position: -11px -50px;
    height: 16px;
    position: absolute;
    right: 0;
    top: -8px;
    width: 9px;
}
body.ie-8 .diye .diy-tooltip-arrow-right {
    background-position: -11px -30px;
}
.diye .diy-tooltip-arrow-top-guide {
    height: 1px;
    left: 50%;
    position: absolute;
    top: 100%;
    width: 1px;
}
.diye .diy-tooltip-arrow-top {
    background-position: -30px -50px;
    height: 11px;
    left: -13px;
    position: absolute;
    top: 0;
    width: 23px;
}
body.ie-8 .diye .diy-tooltip-arrow-top {
    background-position: -30px -30px;
}
.diye .diy-tooltip-arrow-bottom-guide {
    bottom: 100%;
    height: 1px;
    left: 50%;
    position: absolute;
    width: 1px;
}
.diye .diy-tooltip-arrow-bottom {
    background-position: -60px -50px;
    bottom: -1px;
    height: 11px;
    left: -13px;
    position: absolute;
    width: 23px;
}
body.ie .diye .diy-tooltip-arrow-bottom {
    background-position: -60px -30px;
}
.diye .diy-tooltip-arrow-guide-align-left {
    left: 0;
}
.diye .diy-tooltip-arrow-guide-align-right {
    left: 100%;
}
.diye .diy-tooltip-arrow-guide-align-left .diy-tooltip-arrow {
    left: 0;
}
.diye .diy-tooltip-arrow-guide-align-right .diy-tooltip-arrow {
    left: -23px;
}
.diye .diy-tooltip-arrow-guide-align-top {
    top: 0;
}
.diye .diy-tooltip-arrow-guide-align-bottom {
    top: 100%;
}
.diye .diy-tooltip-arrow-guide-align-top .diy-tooltip-arrow {
    top: 0;
}
.diye .diy-tooltip-arrow-guide-align-bottom .diy-tooltip-arrow {
    top: -16px;
}
.diye .diy-info-tooltip.diy-tooltip {
    background-color: #fff;
    border: 4px solid #0fabfc;
    border-radius: 0;
    box-shadow: none;
    margin-right: 10px;
    width: 252px;
}
.diye .diy-info-tooltip .diy-tooltip-container {
    padding: 12px;
}
.diye .diy-info-tooltip .diy-tooltip-content {
    background: url("/s/diy/common/img/icons/warning_24x24.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666;
    font-weight: normal;
    min-height: 25px;
    padding: 0 0 0 36px;
    text-align: left;
}
.diye .diy-info-tooltip .diy-tooltip-content b {
    color: #0fabfc;
}
.diye .diy-image-tooltip.diy-tooltip {
    background-color: #fff;
    border: 9px solid #0fabfc;
    border-radius: 0;
    box-shadow: none;
    margin: 0 10px 10px 0;
    width: 250px;
}
.diye .diy-image-tooltip.diy-tooltip .diy-tooltip-container {
    padding: 0;
}
.diye .diy-image-tooltip.diy-tooltip img {
    width: 100%;
}
.diye .diy-alert-tooltip.diy-tooltip {
    background-color: #fff;
    border: 4px solid #e3181e;
    border-radius: 0;
    box-shadow: none;
    max-width: 300px;
    width: auto;
}
.diye .diy-alert-tooltip.diy-tooltip.limitation-warning {
    border-color: #f8c901;
}
.diye .diy-alert-tooltip.diy-tooltip .diy-tooltip-container {
    padding: 5px 12px;
}
.diye .diy-alert-tooltip.diy-tooltip .diy-tooltip-content {
    font-weight: normal;
}
.diye .diy-alert-tooltip.diy-tooltip .diy-tooltip-arrow {
    background: url("/s/diy/jquery/ui/widgets/tooltip/img/tooltips-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diye .diy-alert-tooltip.diy-tooltip .diy-tooltip-arrow-top {
    background-position: 0 0;
    height: 14px;
    left: -11px;
    width: 23px;
}
.diye .diy-alert-tooltip.diy-tooltip .diy-tooltip-arrow-left {
    background-position: -60px 0;
    height: 23px;
    top: -11px;
    width: 14px;
}
.diye .diy-alert-tooltip.diy-tooltip .diy-tooltip-arrow-right {
    background-position: -80px 0;
    height: 23px;
    top: -11px;
    width: 15px;
}
.diye .diy-alert-tooltip.diy-tooltip .diy-tooltip-arrow-bottom {
    background-position: -30px 0;
    bottom: 0;
    height: 15px;
    left: -11px;
    width: 23px;
}
.diye .diy-success-tooltip.diy-tooltip {
    background-color: #fff;
    border: 4px solid #38c800;
    border-radius: 0;
    box-shadow: none;
    width: auto;
}
.diye .diy-success-tooltip .diy-tooltip-container {
    padding: 3px 9px;
}
.diye .diy-success-tooltip .diy-tooltip-content {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
}
.diye .diy-error-tooltip.diy-alert-tooltip.diy-tooltip {
    max-width: none;
}
.diye .diy-warning-tooltip.diy-alert-tooltip.diy-tooltip {
    border-color: #f8c901;
    max-width: none;
}
.diye .diy-error-tooltip.diy-tooltip .diy-tooltip-content {
    font-weight: bold;
}
.diye .diy-success-tooltip .ui-icon, .diye .diy-error-tooltip .ui-icon {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}
.diye .diy-slider-tooltip.diy-tooltip {
    background-color: #fff;
    border: 1px solid #0fabfc;
    border-radius: 0;
    box-shadow: none;
    height: 18px;
    line-height: 18px;
    width: auto;
}
.diye .diy-slider-tooltip.diy-tooltip .diy-tooltip-container {
    padding: 0 8px;
}
.diye .diy-slider-tooltip.diy-tooltip .diy-tooltip-content {
    font-weight: normal;
}
.diye .diy-slider-tooltip.diy-tooltip .diy-tooltip-arrow-top {
    background: url("/s/diy/jquery/ui/widgets/tooltip/img/tooltips-sprite.png") no-repeat scroll -100px 0 rgba(0, 0, 0, 0);
    height: 5px;
    left: -4px;
    width: 9px;
}
.diy-checkbox.ui-button.ui-state-default {
    background-color: transparent;
    background-image: none;
    border-width: 0;
    filter: none;
    vertical-align: bottom;
}
.diye .diy-checkbox.ui-button.ui-state-disabled:active, .diye .diy-checkbox.ui-button.ui-state-default[disabled="disabled"]:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diy-checkbox.ui-corner-all .ui-icon {
    background-color: transparent;
    border-radius: 5px;
}
.diy-checkbox.ui-state-default .ui-icon {
    background-image: none;
    border: 1px solid;
    filter: none;
    font-size: 8px;
    margin-top: -9px;
}
.diy-checkbox.ui-state-default .ui-icon {
    border-color: #c5dbec;
}
.diy-checkbox.ui-state-hover .ui-icon, .diy-checkbox.ui-state-focus .ui-icon {
    border-color: #79b7e7;
}
.diy-checkbox.ui-state-hover .ui-icon {
}
.diy-checkbox.ui-state-active .ui-icon, .diy-checkbox.ui-state-active .ui-icon {
}
.diy-checkbox .ui-button-text {
    color: black;
    font-weight: normal;
    padding-left: 27px;
}
.diy-checkbox {
    cursor: pointer;
}
.diye .diy-checkbox.ui-button {
    height: auto;
    padding: 0;
}
.diye .diy-checkbox.ui-corner-all {
    border-radius: 0;
}
.diye .diy-checkbox.ui-button .ui-button-text {
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin-left: 18px;
    padding-left: 12px;
    text-align: left;
}
.diye .diy-checkbox-groupset {
    margin-bottom: 12px;
}
.diye .diy-checkbox.ui-state-active .ui-button-text {
    color: #0fabfc;
    font-weight: bold;
}
.diye .diy-checkbox.no-bold.ui-state-active .ui-button-text {
    font-weight: normal;
}
.diye .diy-checkbox.ui-state-disabled .ui-button-text {
    color: #d0d0d0;
}
.diye .diy-checkbox.ui-state-disabled {
    opacity: 1;
}
.diye .ui-button.diy-checkbox.ui-state-focus {
    outline: medium none;
}
.diye .diy-checkbox.ui-state-focus .ui-icon {
    outline: medium none;
}
.diye .diy-checkbox.ui-corner-all .ui-icon {
    border-radius: 0;
}
.diye .diy-checkbox.ui-state-default .ui-icon {
    background-image: url("/s/diy/jquery/ui/themes/diye/images/boxes.png");
    background-position: 0 -40px;
    background-repeat: no-repeat;
    border: medium none;
    height: 18px;
    left: 0;
    margin-top: 0;
    top: 0;
    width: 18px;
}
.diye .diy-checkbox.ui-state-active .ui-icon {
    background-position: 0 -60px;
}
.diye .diy-checkbox.ui-state-default.ui-state-disabled .ui-icon, .diye .diy-checkbox.ui-state-default.ui-state-disabled .ui-icon:active, .diye .diy-checkbox.ui-state-default.ui-state-disabled:active .ui-icon, .diye .diy-checkbox.ui-state-default.ui-state-disabled:hover .ui-icon {
    background-position: -60px -40px;
}
.diye .diy-checkbox.ui-state-active.ui-state-disabled .ui-icon, .diye .diy-checkbox.ui-state-active.ui-state-disabled:hover .ui-icon, .diye .diy-checkbox.ui-state-active.ui-state-disabled .ui-icon:active, .diye .diy-checkbox.ui-state-active.ui-state-disabled:active .ui-icon {
    background-position: -60px -60px;
}
.diye .diy-checkbox:hover .ui-icon, .diye .diy-checkbox.ui-state-default:hover .ui-icon {
    background-position: -20px -40px;
}
.diye .diy-checkbox.ui-state-active:hover .ui-icon {
    background-position: -20px -60px;
}
.diye .diy-checkbox .ui-icon:active, .diye .diy-checkbox.ui-state-default .ui-icon:active, .diye .diy-checkbox.ui-state-default:active .ui-icon, .diye .diy-checkbox.ui-state-active .ui-icon:active, .diye .diy-checkbox.ui-state-active:active .ui-icon {
    background-position: -40px -40px;
}
.diye .diy-checkbox.no-label .ui-button-text {
    display: none;
}
.diye .diy-checkbox.no-label {
    margin: 0;
}
.diye .diy-checkbox.no-label .ui-icon {
    margin: 0;
    position: static;
}
.diye .diy-radiobox.ui-state-default .ui-icon {
    background-position: 0 0;
}
.diye .diy-radiobox.ui-state-active .ui-icon {
    background-position: 0 -20px;
}
.diye .diy-radiobox.ui-state-default.ui-state-disabled .ui-icon, .diye .diy-radiobox.ui-state-default.ui-state-disabled .ui-icon:active, .diye .diy-radiobox.ui-state-default.ui-state-disabled:active .ui-icon, .diye .diy-radiobox.ui-state-default.ui-state-disabled:hover .ui-icon {
    background-position: -60px 0;
}
.diye .diy-radiobox.ui-state-active.ui-state-disabled .ui-icon, .diye .diy-radiobox.ui-state-active.ui-state-disabled:hover .ui-icon, .diye .diy-radiobox.ui-state-active.ui-state-disabled .ui-icon:active, .diye .diy-radiobox.ui-state-active.ui-state-disabled:active .ui-icon {
    background-position: -60px -20px;
}
.diye .diy-radiobox:hover .ui-icon, .diye .diy-radiobox.ui-state-default:hover .ui-icon {
    background-position: -20px 0;
}
.diye .diy-radiobox.ui-state-active:hover .ui-icon {
    background-position: -20px -20px;
}
.diye .diy-radiobox .ui-icon:active, .diye .diy-radiobox:active .ui-icon, .diye .diy-radiobox.ui-state-default .ui-icon:active, .diye .diy-radiobox.ui-state-default:active .ui-icon, .diye .diy-radiobox.ui-state-active .ui-icon:active, .diye .diy-radiobox.ui-state-active:active .ui-icon {
    background-position: -40px -20px;
}
.diye .diy-simple-callout {
    background-color: #f8c901;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: #fff;
    font: 11px "Arial",sans-serif;
    width: 192px;
}
body.ie .diye .diy-simple-callout {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.diye .diy-simple-callout-container {
    padding: 4px 9px 9px;
}
.diye .diy-simple-callout-title {
    font: bold 13px "Arial",sans-serif;
    margin-bottom: 4px;
    padding-right: 23px;
    text-align: left;
}
.diye .diy-simple-callout-content {
    background-color: #fff;
    color: #666;
    font-weight: normal;
    padding: 9px;
    text-align: left;
}
.diye .diy-simple-callout-footer {
    padding-top: 2px;
}
.diye .diy-simple-callout-has-footer .diy-simple-callout-container {
    padding-bottom: 2px;
}
.diye .diy-simple-callout-close, .diye .diy-simple-callout-button, .diye .diy-simple-callout-button:link, .diye .diy-simple-callout-button:hover, .diye .diy-simple-callout-button:active, .diye .diy-simple-callout-button:visited {
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
.diye .diy-simple-callout-button-left {
    float: left;
}
.diye .diy-simple-callout-button-right {
    float: right;
}
.diye .diy-simple-callout-close {
    background: url("/s/diy/jquery/ui/widgets/tooltip/img/tooltips-sprite.png") no-repeat scroll -100px -10px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 9px;
    top: 7px;
    width: 14px;
}
.diye .diy-simple-callout-arrow-guide {
}
.diye .diy-simple-callout-arrow {
    background: url("/s/diy/jquery/ui/widgets/tooltip/img/tooltips-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diye .diy-simple-callout-arrow-left-guide {
    height: 1px;
    left: 100%;
    position: absolute;
    top: 50%;
    width: 1px;
}
.diye .diy-simple-callout-arrow-left {
    background-position: 0 -50px;
    height: 16px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 9px;
}
body.ie-8 .diye .diy-simple-callout-arrow-left {
    background-position: 0 -30px;
}
.diye .diy-simple-callout-arrow-right-guide {
    height: 1px;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 1px;
}
.diye .diy-simple-callout-arrow-right {
    background-position: -11px -50px;
    height: 16px;
    position: absolute;
    right: 0;
    top: -8px;
    width: 9px;
}
body.ie-8 .diye .diy-simple-callout-arrow-right {
    background-position: -11px -30px;
}
.diye .diy-simple-callout-arrow-top-guide {
    height: 1px;
    left: 50%;
    position: absolute;
    top: 100%;
    width: 1px;
}
.diye .diy-simple-callout-arrow-top {
    background-position: -30px -50px;
    height: 11px;
    left: -13px;
    position: absolute;
    top: 0;
    width: 23px;
}
body.ie-8 .diye .diy-simple-callout-arrow-top {
    background-position: -30px -30px;
}
.diye .diy-simple-callout-arrow-bottom-guide {
    bottom: 100%;
    height: 1px;
    left: 50%;
    position: absolute;
    width: 1px;
}
.diye .diy-simple-callout-arrow-bottom {
    background-position: -60px -50px;
    bottom: -1px;
    height: 11px;
    left: -13px;
    position: absolute;
    width: 23px;
}
body.ie .diye .diy-simple-callout-arrow-bottom {
    background-position: -60px -30px;
}
.diye .diy-simple-callout-arrow-guide-align-left {
    left: 9px;
}
.diye .diy-simple-callout-arrow-guide-align-right {
    left: auto;
    right: 9px;
}
.diye .diy-simple-callout-arrow-guide-align-left .diy-simple-callout-arrow {
    left: 0;
}
.diye .diy-simple-callout-arrow-guide-align-right .diy-simple-callout-arrow {
    left: -23px;
}
.diye .diy-simple-callout-arrow-guide-align-top {
    top: 24px;
}
.diye .diy-simple-callout-arrow-guide-align-bottom {
    bottom: 24px;
    top: auto;
}
.diye .diy-simple-callout-arrow-guide-align-top .diy-simple-callout-arrow {
    top: 0;
}
.diye .diy-simple-callout-arrow-guide-align-bottom .diy-simple-callout-arrow {
    top: -16px;
}
.diye .ui-combobox-menu {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}
.diye .ui-combobox {
    padding-right: 28px;
    position: relative;
}
.diye .ui-combobox.ui-combobox-borderless .ui-autocomplete-input, .diye .ui-combobox.ui-combobox-borderless .ui-button.ui-state-default {
    border: medium none;
}
.diye .ui-combobox-menu.ui-combobox-borderless {
    border: medium none;
}
body.ie .diye .ui-combobox.ui-combobox-borderless .ui-autocomplete-input, body.ie.diye .ui-combobox.ui-combobox-borderless .ui-autocomplete-input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
}
body.ie .diye .ui-combobox.ui-combobox-borderless .ui-button.ui-state-default, body.ie.diye .ui-combobox.ui-combobox-borderless .ui-button.ui-state-default {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
}
body.ie .diye .ui-combobox-menu.ui-combobox-borderless {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-right: 1px solid #ccc;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}
.diye .ui-combobox .ui-button {
    margin-left: -1px;
    margin-right: 0;
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 0;
}
.diye .ui-combobox .ui-button-icon-only .ui-button-text {
    padding: 0.35em;
}
.diye .ui-combobox .ui-autocomplete-input {
    box-sizing: border-box;
    margin: 0;
    width: 100%;
}
.diye .ui-combobox .ui-autocomplete-input.ui-border-bottom, .diye .ui-combobox .ui-button.ui-border-bottom {
    border-bottom: 0 none !important;
}
.diye .ui-combobox .ui-autocomplete-input:focus {
    outline: medium none;
}
.diye .ui-combobox .unselectable {
    -moz-user-select: none;
}
.diye .ui-combobox .ui-autocomplete-input.noneditable {
    cursor: pointer;
}
.diye .ui-combobox-menu {
    text-align: left;
}
.diye .ui-combobox.ui-state-open {
    border-width: 0;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.4);
}
.diye .ui-combobox-menu-top-shadow {
    background-color: #ccc;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.4);
    position: absolute;
}
.diye .ui-combobox-menu {
    border-radius: 0;
    box-shadow: 0 -6px 0 -1px white, 0 -5px 0 0 #ccc, 0 1px 5px 1px rgba(0, 0, 0, 0.4);
    font-size: 1em;
    padding: 0;
}
.diye .ui-combobox-menu.ui-combobox-borderless {
    box-shadow: 0 -6px 0 0 white, 0 1px 5px 1px rgba(0, 0, 0, 0.4);
}
body.ie-9 .diye .ui-combobox-menu.ui-combobox-borderless {
    box-shadow: 0 -6px 0 -1px white, 0 1px 5px 1px rgba(0, 0, 0, 0.4);
}
.diye .ui-menu.ui-combobox-menu .ui-menu-item a.ui-corner-all {
    border-radius: 0;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-item span {
    color: #d7d7d7;
    font-size: 13px;
    line-height: 24px;
    padding: 0 4px 0 9px;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-item a {
    color: #666;
    font-size: 13px;
    line-height: 24px;
    padding: 0 4px 0 9px;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-category.ui-menu-item span {
    color: #0fabfc;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 4px 0 9px;
    text-decoration: none;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-category.ui-menu-item span:after {
    background-color: #ccc;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: 1px;
    width: auto;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-category.ui-menu-item.ui-item-disabled span:after {
    background-color: #d7d7d7;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-category.ui-menu-item.ui-item-disabled span {
    color: #d7d7d7;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-item.ui-menu-category-child span, .diye .ui-menu.ui-combobox-menu .ui-menu-item.ui-menu-category-child a {
    padding: 0 4px 0 27px;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-item a.ui-state-hover, .diye .ui-menu.ui-combobox-menu .ui-menu-item a.ui-state-active {
    background: none repeat scroll 0 0 #eaeaea;
    color: #666;
    filter: none;
    margin: 0;
}
.diye .ui-combobox div.previewArea {
    border-right: medium none;
    bottom: 0;
    cursor: pointer;
    left: 0;
    padding: 3px 0 3px 9px;
    position: absolute;
    right: 28px;
    top: 0;
}
.diye .ui-menu.ui-combobox-menu .ui-menu-item a span.previewImage {
    display: inline-block;
    float: left;
    margin: 4px 5px 0 0;
    padding: 0;
}
.diye .ui-combobox input.ui-autocomplete-input {
    border-right: medium none;
    border-width: 1px medium 1px 1px;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 24px;
    line-height: 18px;
    padding: 3px 0 3px 9px;
}
.diye .ui-combobox .ui-autocomplete-input.ui-corner-left {
    border-radius: 0;
}
.diye .ui-combobox .ui-button.ui-state-default {
    background-color: #fff;
    background-image: none;
    border-color: #ccc #ccc #ccc -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    filter: none;
    height: 24px;
    width: 28px;
}
.diye .ui-combobox .ui-button.ui-state-hover {
    background-color: #fff;
    background-image: none;
    filter: none;
}
.diye .ui-combobox .ui-button.ui-corner-right {
    border-radius: 0;
}
.diye .ui-combobox .ui-button.ui-state-default .ui-icon, .diye .ui-combobox .ui-button.ui-state-hover .ui-icon {
    background: url("/s/diy/jquery/ui/themes/diye/images/1and1-icons.png") no-repeat scroll left top transparent;
}
.diye .ui-combobox .ui-button.ui-state-default .ui-icon {
    background-position: -268px -4px;
}
.diye .ui-combobox .ui-button.ui-state-hover .ui-icon {
    background-position: -268px -4px;
}
.diye .ui-combobox .ui-button.ui-state-disabled .ui-icon {
    background-position: -245px -52px;
}
.diye .ui-combobox.ui-state-open .ui-button .ui-icon {
    background-position: -268px -28px;
}
.diye .ui-state-disabled.ui-combobox, .diye .ui-combobox .ui-state-disabled {
    background-image: none;
    opacity: 1;
}
.diye .ui-state-disabled.ui-combobox .ui-autocomplete-input, .diye .ui-state-disabled.ui-combobox .ui-button.ui-button-disabled.ui-state-disabled {
    background-image: url("/s/diy/jquery/ui/themes/diye/images/1and1-disabled-pattern.png");
    background-repeat: repeat;
    opacity: 1;
}
.diye .ui-combobox .ui-button.ui-state-focus {
    outline: medium none;
}
.diye .ui-combobox.form-field-error input.ui-autocomplete-input, .diye .ui-combobox.form-field-error button.ui-button, .diye .ui-combobox.form-field-error .previewArea {
    border-color: #e3181e;
}
.diye .ui-combobox.form-field-error.ui-state-open input.ui-autocomplete-input, .diye .ui-combobox.form-field-error.ui-state-open button.ui-button {
    border-color: #ccc;
}
.diy-upload-field input[type="file"] {
    cursor: pointer;
    font-size: 100px;
    height: 30px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: -2px;
    top: -4px;
}
.diy-upload-field .diy-upload-field-btn-wrap {
    display: inline-block;
    margin-left: 12px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.diy-upload-field .diy-upload-field-btn-wrap .ui-button {
    margin: 1px;
}
.diy-upload-field.diy-upload-field-button-only .diy-upload-field-btn-wrap {
    margin-left: 0;
}
.diye .ui-tabs.diy-tabs-bordered-panel .ui-tabs-panel, .diye .ui-tabs .ui-tabs-panel.diy-tabs-bordered-panel {
    border-width: 0 1px 1px;
}
.diye .form-item input.form-field-error[type="text"], .diye .form-item textarea.form-field-error {
    border-color: #e3181e;
}
.diye .diy-dropdownmenu {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    color: #666;
    width: auto;
}
body.ie .diye .diy-dropdownmenu {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
}
.diye .diy-dropdownmenu-container {
    max-width: 300px;
    min-width: 160px;
}
body.ie .diye .diy-dropdownmenu-container {
    width: 220px;
}
.diye .diy-dropdownmenu ul {
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 0;
}
.diye .diy-dropdownmenu li.diy-dropdownmenu-item a {
    cursor: pointer;
    font-size: 13px;
    line-height: 24px;
}
.diye .diy-dropdownmenu-content li.diy-dropdownmenu-item > a {
    padding: 0 9px;
}
.diye .diy-dropdownmenu li.diy-dropdownmenu-item li.diy-dropdownmenu-item > a {
    padding-left: 18px;
}
.diye .diy-dropdownmenu li.diy-dropdownmenu-item li.diy-dropdownmenu-item li.diy-dropdownmenu-item > a {
    padding-left: 27px;
}
.diye .diy-dropdownmenu li.diy-dropdownmenu-item a {
    display: block;
    overflow: hidden;
    text-decoration: none;
}
.diye .diy-dropdownmenu li.diy-dropdownmenu-item span {
    font: 13px/18px "Arial",sans-serif;
}
.diye .diy-dropdownmenu .diy-dropdownmenu-collapsed {
    height: 0;
    overflow: hidden;
}
.diye .diy-dropdownmenu .diy-dropdownmenu-item .diy-dropdownmenu-item-inner {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}
.diye .diy-dropdownmenu .diy-dropdownmenu-item .diy-dropdownmenu-item-expand-icon {
    display: none;
}
.diye .diy-dropdownmenu .diy-dropdownmenu-item-has-children .diy-dropdownmenu-item-expand-icon {
    background-position: -1756px -4px;
    display: block;
    left: 0;
    margin-left: -4px;
    margin-top: 4px;
    position: absolute;
    top: 0;
}
.diye .diy-dropdownmenu .diy-dropdownmenu-item-has-children ul .diy-dropdownmenu-item-expand-icon {
    display: none;
}
.diye .diy-dropdownmenu .diy-dropdownmenu-item .diy-dropdownmenu-item-text {
    margin-left: 17px;
    white-space: nowrap;
}
.diye .diy-dropdownmenu .diy-dropdownmenu-item-expanded .diy-dropdownmenu-item-expand-icon {
    background-position: -1768px -4px;
}
.diy-carousel-container {
    padding: 0 20px;
    position: relative;
}
.diy-carousel-no-buttons .diy-carousel-container {
    padding: 0;
}
.diy-carousel-clip {
    overflow: hidden;
}
.diy-carousel-items {
    display: block;
    position: relative;
}
.diy-carousel-item-placeholder, .diy-carousel-item-wrapper {
    display: block;
    float: left;
    margin: 4px;
}
.diy-carousel-item {
    overflow: hidden;
}
.diy-carousel-selected-item {
    outline: 3px solid #aaf;
}
.diy-carousel-buttons {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}
.diy-carousel-no-buttons .diy-carousel-buttons {
    display: none;
}
.diy-carousel-prev-button, .diy-carousel-next-button {
    background: none repeat scroll 0 0 #aaf;
    border: 1px solid #666;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    height: 20px;
    position: absolute;
    top: -10px;
    width: 10px;
}
.diy-carousel-prev-button {
    left: 0;
}
.diy-carousel-prev-button:after {
    content: "<";
}
.diy-carousel-next-button {
    right: 0;
}
.diy-carousel-next-button:after {
    content: ">";
}
.diy-carousel-prev-button.diy-carousel-disabled, .diy-carousel-next-button.diy-carousel-disabled {
    background: none repeat scroll 0 0 #ccc;
    cursor: auto;
}
.diy-carousel-item-placeholder {
    height: 30px;
    outline: 2px solid #ccc;
    width: 10px;
}
.diy-carousel .ui-sortable-helper {
    display: block;
    float: none;
    top: 0;
}
.diye .diy-carousel-prev-button, .diye .diy-carousel-next-button {
    background-color: transparent;
    background-image: url("/s/diy/jquery/ui/themes/diye/images/diy.carousel.png");
    background-repeat: no-repeat;
    border: medium none;
    display: inline-block;
    height: 22px;
    width: 15px;
}
.diye .diy-carousel-prev-button {
    background-position: -32px 0;
    margin-right: 12px;
}
.diye .diy-carousel-next-button {
    background-position: -80px 0;
}
.diye .diy-carousel-prev-button.diy-carousel-disabled, .diye .diy-carousel-prev-button.diy-carousel-disabled:hover {
    background-position: 0 0;
}
.diye .diy-carousel-prev-button:hover {
    background-position: -16px 0;
}
.diye .diy-carousel-next-button.diy-carousel-disabled, .diye .diy-carousel-next-button.diy-carousel-disabled:hover {
    background-position: -48px 0;
}
.diye .diy-carousel-next-button:hover {
    background-position: -64px 0;
}
.diye .diy-carousel-prev-button:after, .diye .diy-carousel-next-button:after {
    content: "";
}
.diye .diy-carousel-selectable .diy-carousel-item.diy-carousel-selected-item, .diye .diy-carousel-selectable .diy-carousel-item.diy-carousel-selected-item:hover {
    outline: 3px solid #0fabfc;
}
.diye .diy-carousel-selectable .diy-carousel-item:hover {
    outline: 3px solid #0a328c;
}
.diy-stacked-scroll {
    position: relative;
}
.diy-stacked-scroll .diy-stacked-scroll-inner {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 2;
}
.diy-stacked-scroll .diy-stacked-scroll-stack {
    bottom: 0;
    position: absolute;
    z-index: 1;
}
.diy-stacked-scroll .diy-stacked-scroll-stack .diy-stacked-scroll-item {
    position: absolute;
    top: 0;
}
.diye .unselectable, .diye .unselectable * {
    -moz-user-select: none;
}
.diye a {
    cursor: pointer;
    text-decoration: none;
}
.diye a:hover {
    text-decoration: none;
}
.diye .category-teaser h1 {
    color: #555;
    font-size: 13px !important;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 13px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.diye .overlay .close-button, .diye .overlay .submit-button, .diye .next-button {
    font-size: 13px;
    padding: 5px 12px 4px;
}
.diye div.useCase.tile.limitation-warning .useCase-footer {
    display: none;
}
.diye .footer-install-button, .diye .footer-webapp-button {
    background-position: 0 -244px;
    color: #707070;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    left: -1px;
    padding: 24px 12px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: -7px;
    width: 126px;
}
.diye .footer-install-button:hover, .diye .footer-webapp-button:hover {
    background-position: 0 -85px;
    color: white;
}
.diye .detail-footer-install-button, .diye .detail-footer-webapp-button {
    background-color: #ededed;
    background-image: -moz-linear-gradient(center bottom , #dfdfdf, #fbfbfb);
    border: 1px solid #aeaeae;
    border-radius: 4px;
    color: #646464;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 12px;
    text-decoration: none;
}
.diye .detail-footer-install-button:hover, .diye .detail-footer-webapp-button:hover {
    background-color: #0d99e1;
    background-image: -moz-linear-gradient(center bottom , rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.38));
    border: 0 none;
    color: white;
    padding: 6px 13px;
}
.diye .use-case-selector.customer .apps {
    height: 150px;
    padding: 0 30px;
}
.diye .useCases-container {
    overflow: hidden;
}
.diye .use-case-selector.customer .scrollbutton-container {
    float: left;
    position: relative;
}
.diye .use-case-selector .useCases-container {
    float: left;
    position: relative;
    width: 100%;
}
.diye .use-case-selector .scrollbutton-container-left {
    margin-left: -100%;
    right: 30px;
}
.diye .use-case-selector .scrollbutton-container-right {
    margin: 0 -30px 0 10px;
}
.diye .use-case-selector .scrollbutton-container .scrollbutton {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.37);
    display: block;
    height: 123px;
    padding: 0 0 0 2px;
    width: 20px;
}
.diye .use-case-selector .scrollbutton-container .scrollbutton div.icon {
    background-image: url("/s/diy/use-case/selector/img/arrows.png");
    height: 24px;
    width: 17px;
}
.diye .use-case-selector .scrollbutton-container .scrollbutton-left div.icon {
    background-position: -8px -8px;
}
.diye .use-case-selector .scrollbutton-container .scrollbutton-left:hover div.icon {
    background-position: -8px -39px;
}
.diye .use-case-selector .scrollbutton-container .scrollbutton-right div.icon {
    background-position: -26px -8px;
}
.diye .use-case-selector .scrollbutton-container .scrollbutton-right:hover div.icon {
    background-position: -26px -39px;
}
.diye .use-case-selector .scrollbutton-container .scrollbutton-left.disabled div.icon {
    background-position: -8px -70px;
}
.diye .use-case-selector .scrollbutton-container .scrollbutton-right.disabled div.icon {
    background-position: -26px -70px;
}
.diye div.useCase div.logo-container {
    background-color: #a8d5ff;
    height: 76px;
    width: 148px;
}
.diye div.useCase img.logo {
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.37);
}
.diye div.useCase div.light-stripe {
    background: none repeat scroll 0 0 white;
    height: 1px;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 1px;
    width: 148px;
}
.diye div.useCase.tile {
    background: none repeat scroll 0 0 white;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    float: left;
    height: 123px;
    margin: 0 12px 2px 1px;
    position: relative;
    width: 148px;
}
.diye div.useCase.tile.limitation-warning {
    border: 1px solid #f8c901;
}
.diye div.useCase.tile div.mask {
    border-radius: 5px;
    height: 123px;
    overflow: hidden;
    position: absolute;
    width: 148px;
}
.diye div.useCase.tile div.progress-container {
    background-color: #fff;
    border-radius: 5px;
    height: 123px;
    position: absolute;
    width: 148px;
}
.diye div.useCase.tile div.progress-container .message {
    font-size: 11px;
    line-height: 16px;
    padding: 10px;
    text-align: center;
}
.diye div.useCase.tile div.progress-container .progress {
    background-color: #ebebeb;
    bottom: 0;
    position: absolute;
    width: 100%;
}
.diye div.useCase.tile div.progress-container .progress-bar {
    background-color: #fff;
    margin: 12px 10px;
}
.diye div.useCase.tile div.progress-bar .progress-bar-percentage {
    background-color: #429bf5;
    height: 20px;
}
.diye div.useCase.tile div.mask div.container {
    left: 0;
    position: absolute;
    top: 0;
}
.diye div.useCase.tile h2 {
    border-bottom: 1px solid #e1e1e1;
    color: #555 !important;
    font-size: 10px !important;
    line-height: 10px !important;
    margin: 9px 10px 0;
    padding: 0 0 9px;
    text-transform: uppercase;
}
.diye div.useCase.tile div.category {
    color: #999;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    margin: 4px 10px 15px;
}
.diye div.useCase.tile div.description {
    color: #555;
    font-size: 10px;
    line-height: 10px;
    margin: 20px 10px 16px;
}
.diye div.useCase.tile div.description p {
    margin: 0 0 6px;
}
.diye div#category-teasers, .diye #UseCaseSearchForm {
    margin: 32px 32px 0;
    padding: 0 10px;
}
.diye div#category-teasers div.category-teaser {
    margin: 30px 0 0;
}
.diye div#category-teasers div.category-teaser a.all {
    bottom: -18px;
    color: #555;
    cursor: pointer;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    right: 35px;
    text-decoration: underline;
}
.diye div#category-teasers div.category-teaser a.all:hover {
    text-decoration: none;
}
.diye div#tile {
    margin: 18px 0 20px 33px;
}
.diye div#tile div.useCase {
    margin-bottom: 12px;
}
.diye div#tile div.useCase.error {
    border: 1px solid red;
}
.diye div#tile div.useCase.limitation {
    border: 1px solid yellow;
}
.diye div#list {
    margin: 18px 0 20px 33px;
}
.diye #use-case-selector {
    padding: 0;
}
.diye .footer-install-button, .diye .footer-install-button:hover {
    background: url("/s/diy/use-case/selector/img/buttons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.diye .footer-install-button {
    background-position: 0 -244px;
    color: #707070;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    left: -1px;
    padding: 20px 12px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: -7px;
    width: 126px;
}
.diye .footer-install-button:hover {
    background-position: 0 -85px;
    color: white;
}
.diye .use-case-notifications {
    margin: 12px 12px 0;
}
.diye .use-case-notifications .use-case-notification {
    border: 4px solid;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 9px;
}
.diye .use-case-notifications .use-case-notification.error {
    border-color: #e3181e;
}
.diye .use-case-notifications .use-case-notification.limitation-warning, .diye .use-case-notifications .use-case-notification.semantic-hint, .diye .use-case-notifications .use-case-notification.warning {
    border-color: #f8c901;
}
.diye .loading-screen-container {
    background-color: #fff;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
}
.diye .loading-screen-container .loading-screen {
    padding: 24px;
}
.diye .loading-screen-container .loading-screen .message {
    color: #666;
    font-family: Arial,Sans-Serif;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 20px;
}
.diye .diy-tooltip-content-icon {
    float: left;
    margin-right: 10px;
}
.diye .ui-dialog.ui-dialog-use-case-selector {
    width: 880px;
}
div.x-message {
    border: 1px solid red;
    display: block;
    min-width: 200px;
    padding: 10px 10px 10px 30px !important;
    position: absolute;
    visibility: hidden;
    z-index: 1000;
}
form#siteadmin-protection-form div.x-message {
    left: 16px !important;
    position: absolute !important;
    top: 115px !important;
}
div.x-message.message-ok, div.x-message.message-success {
    background: url("/s/img/ok.gif") no-repeat scroll 10px 50% #e5f1b4;
    border-color: #c2d577 #9bae50 #9bae50 #c2d577;
}
div.x-message.message-error, div.x-message.message-alert, div.x-message.message-confirm {
    background: url("/s/img/alert.gif") no-repeat scroll 10px 50% #faefef;
    border-color: #ffb2b2 #c66 #c66 #ffb2b2;
}
div.x-message.message-warning {
    background: url("/s/img/warning.gif") no-repeat scroll 10px 50% #fff3cd;
    border-color: #f7dea6 #d0b77f #d0b77f #f7dea6;
}
div.x-message.message-ok *, div.x-message.message-success *, div.x-message.message-error *, div.x-message.message-alert *, div.x-message.message-confirm *, div.x-message.message-warning * {
    color: #000;
}
div.x-message span.x-message-close {
    display: none;
}
div.x-message.x-message-closable span.x-message-close {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #333 #333;
    border-image: none;
    border-style: none none solid solid;
    border-width: 0 0 1px 1px;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 6px;
    line-height: 11px;
    padding: 0 2px 7px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 6px;
}
div.x-message.message-error span.x-message-close, div.x-message.message-confirm span.x-message-close {
    border-color: #c66;
}
div.x-message.message-ok span.x-message-close, div.x-message.message-success span.x-message-close {
    border-color: #9bae50;
}
div.x-message.message-warning span.x-message-close {
    border-color: #d0b77f;
}
div.x-message p.x-message-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline;
    font-size: 11px;
    height: 100%;
    line-height: 15px;
    overflow: auto;
    padding: 0;
    width: 100%;
}
div.x-message.message-confirm button {
    float: right;
}
div.eh-confirm-dialog {
    background: none repeat scroll 0 0 #f4f4f4 !important;
    border: 1px solid #aaa !important;
    padding: 10px !important;
}
div.eh-confirm-dialog .x-message-button-ok {
    float: right !important;
}
div.eh-confirm-dialog .x-message-button-abort {
    float: left !important;
}
div.eh-confirm-dialog .x-message-content {
    font-family: sans-serif;
    font-size: 12px;
}
div.eh-confirm-dialog .x-message-action {
    text-transform: capitalize;
}
.loadingBox-wrapper {
    display: none;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 90000;
}
.loadingBox {
    position: relative;
}
.loadingBox-wrapper .loadingBox-loader {
    animation: 2s linear 0s normal none infinite loadingBox-rotate;
    background: url("/s/diy/common/img/loader.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 30px;
    margin: auto;
    width: 30px;
}
.ie-7 .loadingBox-wrapper .loadingBox-loader, .ie-8 .loadingBox-wrapper .loadingBox-loader, .ie-9 .loadingBox-wrapper .loadingBox-loader {
    background: url("/s/diy/common/img/loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
}
@keyframes loadingBox-rotate {
100% {
    transform: rotate(360deg);
}
}
@keyframes loadingBox-rotate {
100% {
    transform: rotate(360deg);
}
}
.loadingBox-progress-label, .loadingBox-progress-loader {
    background-color: #f2f2f2;
    border: 2px solid #dadada;
}
.loadingBox-progress-loader {
    padding: 8px;
}
.loadingBox-progress-bar {
    background-color: #fff;
}
.loadingBox-progress-indicator {
    background-color: #429cf5;
    height: 19px;
}
.loadingBox-progress-label {
    border-top: medium none;
    color: #429cf5;
    font-size: 20px;
    font-weight: bold;
    margin: -2px auto 0;
    padding-bottom: 8px;
    text-align: center;
    width: 110px;
}
.loadingBox-text {
    color: #333;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}
.loadingBox-overlay {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 89999;
}
.loadingBox-cancel {
    margin: auto;
    padding-top: 5px;
    position: relative;
}
.x-slider-wrapper {
    overflow: hidden !important;
}
.x-slider-wrapper .x-slider-scroll-sections {
    width: 10000px;
}
.x-slider-wrapper .x-slider-scroll-sections .x-slider {
    float: left;
    overflow: auto;
}
.x-slider-wrapper.x-slider-sliding .x-slider-scroll-sections .x-slider {
    overflow: hidden;
}
div.humanized-message {
    background: none repeat scroll 0 0 #373737;
    color: #fff;
    font-size: 30px;
    line-height: 140%;
    min-height: 20px;
    padding: 20px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 70%;
    z-index: 1000000;
}
div.humanized-message-shadow {
    background: none repeat scroll 0 0 #333;
    height: 100%;
    left: -8px;
    opacity: 0.6;
    padding: 8px;
    position: absolute;
    top: -8px;
    width: 100%;
    z-index: -1;
}
.cp-container.cp-has-dropdown {
    height: 24px;
    width: 56px;
}
.diye .cp-button {
    border: 1px solid #ccc;
    display: inline-block;
    height: 22px;
    z-index: 10000;
}
.diye .cp-button-opened {
    background: none repeat scroll 0 0 #fff;
    border-color: #ccc;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    display: none;
    height: 30px;
    position: absolute;
    z-index: 10002;
}
.diye .cp-titlebar-not-styled .cp-complex-title-bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
}
.diye .cp-titlebar-not-styled .cp-complex-title-bar-x {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
    display: none !important;
}
.diye .cp-complex-title-bar {
    background: url("/s/js/jquery/plugins/colorpicker/img/titlebar_gradient_without_border.png") repeat-x scroll left top transparent;
    border-bottom: 1px solid #999;
    color: #444;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    height: 19px;
    padding: 5px 10px 0 5px;
    position: relative;
}
.diye .cp-complex-title-bar-x {
    background: url("/s/js/jquery/plugins/colorpicker/img/btn_close_normal.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 20px;
}
.diye div.cp-complex-title-bar-x:hover {
    background-image: url("/s/js/jquery/plugins/colorpicker/img/btn_close_click.png");
}
.diye .cp-button-color {
    border: 1px solid #999;
    cursor: pointer;
    float: left;
    height: 12px;
    margin: 4px 0 4px 4px;
    width: 22px;
}
.diye .cp-button-placeholder {
    display: none;
    height: 20px;
    width: 36px;
}
.diye a.mceOpen.mce_selcolor {
    border-left: 0 none !important;
    width: 12px !important;
}
.diye a.mceOpen.mce_selcolor span.mceOpen.mce_selcolor {
    background: url("/s/js/jquery/plugins/colorpicker/img/btn_arrow_down_normal.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    width: 16px !important;
}
.diye .cp-mce-open {
    background: url("/s/js/jquery/plugins/colorpicker/img/btn_arrow_up_normal.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important;
}
.diye .cp-button-dropdown {
    background: url("/s/diy/jquery/ui/themes/diye/images/1and1-icons.png") no-repeat scroll -268px -4px rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 16px;
    margin: 3px 5px;
    width: 16px;
}
.diye div.cp-button-opened div.cp-button-dropdown {
    background-position: -268px -28px;
}
.diye .cp-simple {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    width: 233px;
}
.diye .cp-simple .cp-simple-counter-border, .diye .cp-complex .cp-complex-counter-border {
    background: none repeat scroll 0 0 #fff;
    height: 1px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 54px;
}
.diye .cp-simple-hash-label {
    float: left;
    line-height: 20px;
    margin: 0 5px;
}
.diye .cp-simple-hex {
    border: 1px solid #999;
    float: left;
    height: 15px;
    padding: 3px;
    width: 58px;
    z-index: 100001;
}
.diye .cp-simple-hex-error, .diye .cp-complex-error {
    background: none repeat scroll 0 0 pink;
}
.diye .cp-simple-complex {
    float: right;
}
.diye .cp-clear {
    clear: both;
}
.diye .cp-simple-matrix {
    border: 1px solid #999;
    float: left;
    margin: 5px 0 0;
}
.cke_toolbar .cp-simple-matrix {
    width: 221px;
}
.diye .cp-simple-matrix-color {
    cursor: pointer;
    float: left;
    height: 17px;
    width: 17px;
}
.diye .cp-simple-abort, .diye .cp-complex-abort {
    float: left;
    margin: 0;
}
.diye .cp-simple-accept, .diye .cp-complex-accept {
    float: right;
}
.diye .cp-caret {
    background-image: url("/s/js/jquery/plugins/colorpicker/img/marker.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.diye .cp-complex-selector {
    float: left;
    position: relative;
}
.diye .cp-complex-selector * {
    cursor: crosshair;
    position: absolute;
}
.diye .cp-simple .selector {
    padding: 5px;
}
.diye .cp-complex-color, .diye .cp-complex-overlay {
    height: 88px;
    left: 41px;
    top: 41px;
    width: 88px;
}
.diye .cp-complex-wheel {
    background: url("/s/js/jquery/plugins/colorpicker/img/wheel.png") no-repeat scroll 0 0 transparent;
    height: 170px;
    width: 170px;
}
.diye .cp-complex-overlay {
    background: url("/s/js/jquery/plugins/colorpicker/img/mask.png") no-repeat scroll 0 0 transparent;
}
.diye .cp-complex-h-marker, .diye .cp-complex-sl-marker {
    background: url("/s/js/jquery/plugins/colorpicker/img/marker.png") no-repeat scroll 0 0 transparent;
    height: 17px;
    margin: -8px 0 0 -8px;
    overflow: hidden;
    width: 17px;
}
.diye .cp-complex {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    display: none;
    width: 320px;
    z-index: 10001;
}
.diye .cp-complex-fields {
    float: right;
    width: auto;
}
.diye .cp-complex-old-color-label, .diye .cp-complex-new-color-label {
    float: left;
    height: 19px;
    line-height: 19px;
    margin-right: 5px;
    text-align: right;
    width: 60px;
}
.diye .cp-complex-old-color, .diye .cp-complex-new-color {
    border: 1px solid #999;
    float: left;
    height: 19px;
    width: 56px;
}
.diye .cp-complex-new-color {
    border-top: medium none;
}
.diye .cp-complex-red-label, .diye .cp-complex-green-label, .diye .cp-complex-blue-label, .diye .cp-complex-hex-label {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: right;
    width: 60px;
}
.diye .cp-complex-red, .diye .cp-complex-green, .diye .cp-complex-blue, .diye .cp-complex-hex {
    border: 1px solid #999;
    height: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    position: absolute;
    width: 56px;
    z-index: 100002;
}
.diye .cp-simple-matrix-nobuttons {
    margin-bottom: 0 !important;
}
.diye .box-footer {
    padding: 5px;
}
.diye .complex-selector-wrapper {
    padding: 5px 5px 0;
}
.diye .cp-complex .fieldset {
    margin: 0 0 5px;
}
.diye .cp-complex .form-item span.label {
    display: inline-block;
    line-height: 24px;
    margin: 0 12px 0 0;
    text-align: right;
    width: 56px;
}
.diye .cp-complex .column2 {
    display: inline-block;
    float: right;
    width: 70px;
}
.diye .cp-complex .column2 input {
    margin: 0;
    width: 50px;
}
.diye .cp-simple-color {
    float: left;
    height: 24px;
    width: 41px;
}
.diye .cp-complex .column2 .cp-simple-color {
    border: medium none;
    float: none;
    margin: 0 0 5px;
}
.ux-tooltip-button {
    background: url("/s/img/cms/icons/info-rounded.png") no-repeat scroll 3px 3px transparent;
    border: 1px solid transparent;
    cursor: pointer;
    height: 20px;
    width: 20px;
}
.ux-tooltip-button-over {
    background-color: #e5e5e5;
    border-color: #c3c3c3 !important;
    border-style: solid;
    border-width: 1px 1px 0 !important;
    position: relative;
    z-index: 10000;
}
.ux-tooltip-text {
    background: none repeat scroll 0 0 #e5e5e5;
    border: 1px solid #c3c3c3;
    color: #4f4f4f;
    display: none;
    margin-top: -1px;
    padding: 6px;
    position: absolute;
    width: 230px;
    z-index: 9999;
}
.field-quickhelp-inline .ux-tooltip-text {
    z-index: inherit;
}
.diye .field-quickhelp .ux-tooltip-button {
    background-color: #0a328c;
}
.diye .field-quickhelp .ux-tooltip-button, .diye .field-quickhelp .ux-tooltip-button-over {
    background-image: url("/s/diy/jquery/ui/themes/diye/images/1and1-icons.png");
    background-position: -123px -2px;
    background-repeat: no-repeat;
    border: medium none;
    height: 19px;
    width: 19px;
}
.diye .field-quickhelp .ux-tooltip-text, .diye .field-quickhelp .ux-tooltip-button-over {
    background-color: #f8c901;
    border: medium none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.diye .field-quickhelp .ux-tooltip-button-over:after {
    background-color: #f8c901;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: relative;
    top: 19px;
    width: 23px;
}
.diye .field-quickhelp .ux-tooltip-text {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    margin-top: 0;
    padding: 9px;
}
.diye .field-quickhelp.right-aligned .ux-tooltip-text {
    right: 1px;
}
.diye .field-quickhelp.right-aligned .ux-tooltip-button-over:after {
    left: -4px;
}
.diye .field-quickhelp-inline {
    margin-top: 12px;
}
.diye .field-quickhelp-inline .ux-tooltip-text {
    position: relative;
    width: auto;
}
.diye .field-quickhelp.right-alligned {
    float: right;
}
.diye .field-quickhelp.right-alligned .ux-tooltip-text {
    margin-left: -245px;
}
.diye .field-quickhelp.right-alligned .ux-tooltip-button-over:after {
    margin-left: -3px;
    top: -3px;
}
.diye .field-quickhelp.field-quickhelp-opentop .ux-tooltip-button-over:after {
    top: -3px;
}
.diye .area-container {
    position: relative;
}
.diye .field-quickhelp.in-area {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 100;
}
.diye .double-size .ux-tooltip-text {
    width: 460px;
}
.diye .auto-size .ux-tooltip-text {
    width: auto;
}
.jqpgn_prev_button, .jqpgn_next_button {
    display: inline-block;
}
.jqpgn_prev_button {
    margin-right: 12px;
}
.jqpgn_next_button {
    margin-left: 12px;
}
input.jqpgn_current_page {
    text-align: right;
}
.jqpgn_wrapper {
    display: block;
    line-height: 16px;
    margin-top: 12px;
}
.diye .jqpgn_wrapper .ui-button {
    vertical-align: top;
}
.imgareaselect-border1 {
    background: url("/s/js/jquery/plugins/imgareaselect/css/border-v.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
}
.imgareaselect-border2 {
    background: url("/s/js/jquery/plugins/imgareaselect/css/border-h.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
}
.imgareaselect-border3 {
    background: url("/s/js/jquery/plugins/imgareaselect/css/border-v.gif") repeat-y scroll right top rgba(0, 0, 0, 0);
}
.imgareaselect-border4 {
    background: url("/s/js/jquery/plugins/imgareaselect/css/border-h.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);
}
.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 {
    opacity: 0.5;
}
.imgareaselect-handle {
    background-color: #fff;
    border: 1px solid #000;
    opacity: 0.5;
}
.imgareaselect-outer {
    background-color: #fff;
    opacity: 0.5;
}
.imgareaselect-selection {
}
div.tiny-lightbox {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100100;
}
div.tiny-lightbox a {
    outline: medium none;
}
div.tiny-lightbox-overlay {
    background: none repeat scroll 0 0 #000;
    display: none;
    height: 100%;
    left: 0;
    padding-bottom: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}
div.tiny-lightbox-box {
    background-color: #fff;
    border: 10px solid #fff;
    height: 200px;
    position: fixed;
    top: 40px;
    visibility: hidden;
    width: 200px;
    z-index: 1;
}
div.tiny-lightbox-loading div.tiny-lightbox-box {
    background: url("/s/js/jquery/plugins/tinyLightbox/img/loading.gif") no-repeat scroll center center #fff;
}
div.tiny-lightbox-animating div.tiny-lightbox-box a, div.tiny-lightbox-loading div.tiny-lightbox-box a {
    display: none;
}
div.tiny-lightbox-image {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: none;
    height: 100%;
    width: 100%;
}
div.tiny-lightbox-bar {
    background: none repeat scroll 0 0 #fff;
    color: #666;
    display: none;
    font-family: Arial,Verdana;
    font-size: 11px;
    line-height: 16px;
    padding: 0 10px 10px;
    position: fixed;
    text-align: left;
}
a.tiny-lightbox-close, a.tiny-lightbox-slideshow {
    float: right;
    height: 26px;
    width: 26px;
}
a.tiny-lightbox-close {
    background: url("/s/js/jquery/plugins/tinyLightbox/img/close.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.tiny-lightbox-slideshow {
    background: url("/s/js/jquery/plugins/tinyLightbox/img/play-pause.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div.tiny-lightbox-slideshow-running a.tiny-lightbox-slideshow {
    background-position: -26px 0;
}
div.tiny-lightbox-description {
    margin-bottom: 10px;
}
span.tiny-lightbox-stats {
    float: left;
    font-weight: bold;
}
a.tiny-lightbox-prev, a.tiny-lightbox-next {
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1000;
}
a.tiny-lightbox-prev {
    left: 0;
}
a.tiny-lightbox-next {
    right: 0;
}
a.tiny-lightbox-prev span, a.tiny-lightbox-next span {
    height: 48px;
    position: absolute;
    top: 40%;
    visibility: hidden;
    width: 81px;
}
a.tiny-lightbox-prev span {
    background: url("/s/js/jquery/plugins/tinyLightbox/img/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
}
a.tiny-lightbox-next span {
    background: url("/s/js/jquery/plugins/tinyLightbox/img/next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 0;
}
a.tiny-lightbox-prev span.tiny-lightbox-hover, a.tiny-lightbox-next span.tiny-lightbox-hover {
    visibility: visible;
}
* html {
}
.diye .diy-scrollHandle-container {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
.diye .diy-scrollHandle-bar {
    position: relative;
}
.diye .diy-scrollHandle-wrapper .diy-scrollHandle-style-default.diy-scrollHandle-container {
    visibility: hidden;
}
.diye .diy-scrollHandle-wrapper:hover .diy-scrollHandle-style-default.diy-scrollHandle-container {
    visibility: visible;
}
.diye .diy-scrollHandle-style-default.diy-scrollHandle-container {
    padding: 2px;
    width: 5px;
}
.diye .diy-scrollHandle-style-default.diy-scrollHandle-background {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.15;
    position: absolute;
    right: 0;
    top: 0;
}
.diye .diy-scrollHandle-style-default.diy-scrollHandle-bar {
    background-color: #000;
    border-radius: 2px;
    opacity: 0.3;
}
.diye .day-of-week-container {
    overflow: hidden;
}
.diye .checkbox-container {
    background-color: #f5f5f5;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    cursor: pointer;
    float: left;
    overflow: hidden;
    padding: 4px 6px 3px;
    text-align: center;
    width: 24px;
}
.diye .checkbox-container:first-child {
    border-left: 1px solid #d5d5d5;
}
.diye .checkbox-container.active {
    background-color: #0fabfc;
    color: #fff;
}