/* root styles */

body {
   margin: 0px;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #444444;
   font-size: 12px;
}

.skprops-type-window p {
   margin: 0px;
}

.skprops-type-window,
.skprops-type-panel {
   margin: 0px 10px;
}



/* label and field containers */

.skprops-type-window div.label {
   display: inline-block;
   vertical-align: top;
   width: 160px;
   margin-top: 3px;
   margin-left: 10px;
   margin-bottom: 10px;
}

.skprops-type-window div.field {
   display: inline-block;
   vertical-align: top;
   margin-bottom: 10px;
   margin-right: 5px;
}




/* labels and fields */

.skprops-type-window label {
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #444444;
   font-size: 12px;
}

.skprops-type-window input,
.skprops-type-window select,
.skprops-type-window option,
.skprops-type-window textarea {
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #444444;
   font-size: 12px;
}

.skprops-type-window a:link,
.skprops-type-window a:visited {
   /* color: #f2a328; obsolete orange color */
   color: #ff8a00;
   text-decoration: none;
}

.skprops-type-window a:hover {
   /* color: #f2a328; obsolete orange color */
   color: #ff8a00;
   text-decoration: underline;
}

.skprops-type-window label.large,
.skprops-type-window input.large,
.skprops-type-window select.large {
   font-size: 16px;
}

.skprops-type-window select.large {
   height: 24px;
}

.skprops-type-window .field-label {
   margin-bottom: 4px;
}

.skprops-type-window .field-help {
   margin-top: 2px;
}


/* fieldset */

.skprops-type-window fieldset {
   border-radius: 6px;
   border: 1px solid #e5e5e5;
   margin: 0px;
   padding: 0 0 10px 0;
   margin-bottom: 15px;
   background-repeat: repeat-x;
}

.skprops-type-window fieldset.collapsed {
   background-position: bottom left;
   background-image: url(/Shared/Images/Object/section-background-collapsed.png);
   padding-top: 0px;
   margin-bottom: 10px;
}

.skprops-type-window fieldset.expanded {
   background-position: top left;
   background-image: url(/Shared/Images/Object/section-background-expanded.png);
   padding-top: 0px;
   margin-bottom: 10px;
}

.skprops-type-window fieldset.title {
   padding-top: 0px;
}

.skprops-type-window fieldset.inner {
   border-radius: 4px;
}





/* fieldset header */

.skprops-type-window h1 {
   margin: 0px;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #444444;
   font-size: 18px;
   font-weight: normal;
   padding-top: 11px;
   height: 33px;
   padding-left: 44px;
   background-repeat: no-repeat;
   background-position: top left;
}

.skprops-type-window h1.appearance {
   background-image: url(/Shared/Images/Object/section-icon-appearance.png);
}

.skprops-type-window h1.location {
   background-image: url(/Shared/Images/Object/section-icon-location.png);
}

.skprops-type-window h1.options {
   background-image: url(/Shared/Images/Object/section-icon-options.png);
}

.skprops-type-window h1.social {
   background-image: url(/Shared/Images/Object/section-icon-social.png);
}

.skprops-type-window h1.access {
   background-image: url(/Shared/Images/Object/section-icon-access.png);
}

.skprops-type-window h1.slide {
   background-image: url(/Shared/Images/Object/section-icon-slide.png);
}

.skprops-type-window h1.viewer {
   background-image: url(/Shared/Images/Object/section-icon-viewer.png);
}

.skprops-type-window h1.seo {
   background-image: url(/Shared/Images/Object/section-icon-seo.png);
}

.skprops-type-window div.expand, div.collapse {
   background-repeat: no-repeat;
   background-position: center center;
   width: 44px;
   height: 44px;
   float: right;
}

.skprops-type-window div.expand {
   background-image: url(/Shared/Images/Object/sk_btn_expand.png);
}

.skprops-type-window div.collapse {
   background-image: url(/Shared/Images/Object/sk_btn_collapse.png);
}

.skprops-type-window fieldset.expanded div.expand {
   display: none;
}

.skprops-type-window fieldset.collapsed div.collapse {
   display: none;
}



/* editable list */

.skprops-type-window .editable-list .item {
   margin-bottom: 10px;
}

.skprops-type-window .editable-list .item .btn,
.skprops-type-window .editable-list .item input {
   display: inline-block;
   vertical-align: middle;
}

.skprops-type-window .editable-list .item input {
   margin-right: 5px;
}

.skprops-type-window .editable-list .item .add {
   margin-right: 2px;
}




/* type select */

.skprops-type-window .type-select div.types {
   display: inline-block;
}

.skprops-type-window .type-select div.type {
   float: left;
   margin: 5px;
   border: 3px solid transparent;
   padding: 0px;
   border-radius: 4px;
   background-color: #eeeeee;
   cursor: pointer;
}

.skprops-type-window .type-select div.type.selected {
   /* border: 3px solid #f2a328; obsolete orange color */
   border: 3px solid #ff8a00;
}

.skprops-type-window .type-select div.type.rollover {
   border: 3px solid #fae8c7;
}

.skprops-type-window .type-select div.image {
   background-repeat: no-repeat;
}

.skprops-type-window .type-select div.type p {
   text-align: center;
   margin-top: 3px;
   margin-bottom: 5px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.skprops-type-window .type-select p.description {
   text-align: center;
   margin: 10px 0px 20px 0px;
}




/* common structural styles */

.skprops-type-window table.struct {
   border-collapse: collapse;
   border: 0px;
}

.skprops-type-window table.struct td {
   padding: 0px;
}

.text-small { font-size: 10px; }
.text-large { font-size: 16px; }

select[multiple] ~ .text-small,
.ac-wrapper ~ .text-small { margin-top: 2px }

.skprops-type-window table.two-columns { width: 100%; }
.skprops-type-window table.two-columns td { width: 50%; vertical-align: top; }
.skprops-type-window table.two-columns td.left { padding: 0px 5px 0px 10px; }
.skprops-type-window table.two-columns td.right { padding: 0px 10px 0px 5px; }
.skprops-type-window table.two-columns td div.label { width: 120px; }

legend { margin: 0px 5px; padding: 0px 5px; font-size: 16px; }

.w1u { width: 40px; }
.w2u { width: 80px; }
.w3u { width: 120px; }
.w4u { width: 160px; }
.w5u { width: 200px; }
.w6u { width: 240px; }
.w8u { width: 320px; }
.w10u { width: 400px; }
.w12u { width: 480px; }
.w100 { width: 100%; }

/* button controls */

.skprops-type-window .btn.add {
   background-color: transparent;
   background-image: url(/Shared/Images/Object/sk_btn_add.png);
   background-repeat: no-repeat;
   background-position: top left;
   cursor: pointer;
   width: 16px;
   height: 16px;
}

.skprops-type-window .btn.remove {
   background-color: transparent;
   background-image: url(/Shared/Images/Object/sk_btn_remove.png);
   background-repeat: no-repeat;
   background-position: top left;
   cursor: pointer;
   width: 16px;
   height: 16px;
}


.skprops-type-window .btn.disabled {
   opacity: 0.5;
}



/* errors */

.error-message {
   background-color: #fffdcc;
   background-image: url(/Shared/Images/Object/icon_error.png);
   background-position: 5px center;
   background-repeat: no-repeat;
   padding: 5px 10px 5px 30px;
   color: #ff0000;
   display: inline-block;
   margin-top: 5px;
}

div.error {
   background-color: #fbecec;
   background-color: #ffffcc;
   margin-bottom: 10px;
   padding-top: 10px;
}

label.error,
p.error {
   color: red;
}

DISABLE-input.error,
DISABLE-select.error {
   border: 2px solid red;
   color: red;
}

p.error {
   background: url(/Shared/Images/Object/icon_error.png) top left no-repeat;
   padding: 2px 0px 2px 22px;
   margin-bottom: 5px;
   width: 400px;
}

p.error.auto {
   width: auto;
}

p.error.under {
   margin-top: 5px;
   margin-bottom: 0;
}

table.two-columns p.error {
   width: 160px;
}

div.errors {
   border-radius: 6px;
   background-color: #ffffcc;
   border: 1px solid #e2e3b7;
   margin:0 0 10px;
   padding: 20px;
   text-align: center;
}

div.errors span {
   color: red;
   background: url(/Shared/Images/Object/icon_error_32.png) center left no-repeat;
   padding: 10px 20px 10px 45px;
   margin-bottom: 5px;
}




/* percent-pixel switch */

.skprops-type-window .px-percent-switch {
   display: inline-block;
   vertical-align: middle;
   margin: 0px 5px 0px 0px;
}

.skprops-type-window .px-percent-switch p {
   font-size: 9px;
   color: #dddddd;
   cursor: pointer;
}

.skprops-type-window .px-percent-switch p.selected {
   color: #000000;
}





/* list tables */

.skprops-type-window .table-body {
   position: relative;
   padding: 0;
   margin: 0;
}

.skprops-type-window .table-scroll .table-body {
   overflow-y: scroll;
   overflow-x: auto;
}

.skprops-type-window .table-head {
   padding-right: 15px;
}

.skprops-type-window .table-head table {
   table-layout: fixed;
}

.skprops-type-window .table-head th {
   overflow: hidden;
   white-space: nowrap;
}

.skprops-type-window .sk-data-table {
   width: 100%;
   margin-bottom: 10px;
   border-collapse: collapse;
}

.skprops-type-window .sk-data-table th.text-align-left {
   text-align: left;
}

.skprops-type-window .sk-data-table th.text-align-center {
   text-align: center;
}

.skprops-type-window .sk-data-table th.text-align-right {
   text-align: right;
}

.sk-ui-basic .skprops-type-window .sk-ui-advanced-option {
   display: none;
}



/**** Right Panel Items *******************************************************/

/*.skprops-type-window .property-row,*/
.skprops-type-panel .property-row {
   margin: 0 5px 8px 5px;
   padding: 0;
}

.skprops-type-panel fieldset {
   border-radius: 6px;
   border: 1px solid #c3c3c3;
   margin: 0px;
   padding: 0 0 10px 0;
   margin-bottom: 15px;
   background-repeat: repeat-x;
}

.skprops-type-panel div.label,
.skprops-type-panel div.field {
   display: block;
   margin: 0;
   padding: 0;
}

.sk-ui-basic .skprops-type-panel .sk-ui-advanced-option {
   display: none;
}

.skprops-type-panel .skprops-alert {
  color: #ff0000;
}

/* labels and fields */
.skprops-type-panel div.label {
   font-size: 10px;
   font-family: Lato2,Helvetica,Arial,sans-serif;
   font-weight: bold;
   white-space: nowrap;
   color: #545454;
}

.skprops-type-panel input,
.skprops-type-panel select,
.skprops-type-panel option,
.skprops-type-panel textarea {
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #444444;
   font-size: 12px;
}

.skprops-type-panel .description-text {
   display: inline-block;
   margin: 10px 0;
   color: #808080;
   font-size: 10px;
}

.skprops-type-panel .checkbox {
   direction: rtl;
   text-align: left;
}

.skprops-type-panel .checkbox div.label,
.skprops-type-panel .checkbox div.field {
   display: inline-block;
   direction: ltr;
}

.skprops-type-panel .checkbox div.label {
   width: auto;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #444;
}

/*--- Custom dimensions ------------------------------------------------------*/

.skprops-half-width-column,
.skprops-data-width-column {
   display: inline-block;
   padding: 0;
   line-height: 1.8em;
}

.skprops-data-width-column {
   width: auto;
}

.skprops-half-width-column {
   width: 43%;
   margin: 0 -2px 0 0;
}

.skprops-half-width-column input[type="text"] {width: 40px;}
.skprops-data-width-column input[type="text"] {width: 53px;}

.skprops-half-width-column.disabled,
.skprops-data-width-column.disabled {
   opacity: .5
}


/*--- Collapsible styles ------------------------------------------------------*/
.skprops-type-panel .sk-collapsible-content {
   color: #545454;
}

.skprops-type-panel .sk-collapsible-content fieldset {
   margin: 0;
   padding: 0;
   border: none;
   border-radius: 0;
}