body {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
}

.art-article table, table.art-article {
    margin:0;
}

.art-post-item-header {

}

.art-post-item-body {
    display: none;
    border:#eee 1px solid;
    padding:5px 10px;
    border-radius:5px;
    margin:10px 0;
}    

input, select, textarea {
    font-weight:normal;
}

.bold {
    font-weight: bold;
}

.w80 {
    width: 80px;
}

td.w80, th.w80 {
    min-width: 80px;
}

.w100 {
    width: 100px;
}

td.w100, th.w100 {
    min-width: 100px;
}

.w150 {
    width: 150px;
}

td.w150, th.w150 {
    min-width: 150px;
}

.w200 {
    width: 200px;
}

td.w200, th.w200 {
    min-width: 200px;
}

td.vtop {
    vertical-align: top;
}

td.vbottom {
    vertical-align: bottom;
}

li h1, li h2, li h3, li h4, li h5, li h6 {
    margin: 0;
}

input {
    padding: 0;
}

table.form td {
    padding: 4px;
}

table.form td.label {
    padding: 4px 16px 0px 4px;
    white-space: nowrap;
}

table.form td.field span {
    display:block;
    border-bottom:dashed 1px silver;
    padding-top:5px;
}


table.form td.separator {
    padding: 0px 16px;
}

table.form tr.separator td {
    font-size: 20px;
    font-weight: bold;
    padding-top: 16px;
    color: gray;
}

table.form tr.separator hr {
    border-top: solid 1px silver;
    border-bottom: none;
    margin-top: 2px;
    margin-bottom: 4px;
}

table.form tr.separator td h3 {
    margin: 8px 0px;
}

.textbox, input[type=text], input[type=number], input[type=password], textarea {
    border: solid 1px silver;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    resize: none;
}

input.numeric, input.currency, input.percent {
    text-align:right;
}

.combobox, select {
    border: solid 1px silver;
    padding: 4px;
    border-radius: 5px;
    box-sizing: border-box;
}

.fileupload, input[type=file] {
    border: solid 1px silver;
    padding: 0px;
    border-radius: 4px;
    box-sizing: border-box;
}

div.validation-summary-errors {
    border: solid 4px #CC0033;
    margin: 8px 0;
    border-radius: 8px;
    background-color: rgba(255,255,255,0.5);
}

div.dimmer div.validation-summary-errors {
    width:50%;
    margin:auto;
}

div.validation-summary-errors ul {
    list-style-type: circle;
    list-style-position: outside;
}

div.validation-summary-errors ul li {
    color: #CC0033;
    background: none;
    display: block;
    padding: 0;
    line-height: 24px;
}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
    border: solid 1px red;
    background-color: #FFF3FF;
}

fieldset {
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-left:0;
    margin-right:0;
    margin-bottom: 10px;
    box-sizing:border-box;
}

fieldset legend {
    font-weight: bold;
}

fieldset.form .field,
form.fieldset .field {
    display: inline-block;
    /*float: left;*/
    padding-right: 5px;
    margin-top: 5px;
    position: relative;
    box-sizing: border-box;
}

fieldset.form .field label, 
form.fieldset .field label {
    width: 100%;
    display: block;
    padding-left:3px
}

fieldset.form .field input[type=text], 
fieldset.form .field input[type=number], 
fieldset.form .field input[type=password], 
fieldset.form .field select, 
fieldset.form .field textarea, 
form.fieldset input[type=text],
form.fieldset input[type=number],
form.fieldset input[type=password],
form.fieldset select,
form.fieldset textarea {
    width: 100%;
}

fieldset.form.filters {
    width:100%;
}

.vform {
    display: table;
    border-spacing: 10px;
}

.vform div.field {
    display:table-row;
}

.vform div.field label {
    display: table-cell;
    padding-right:20px;
}

.vform div.field input[type=text],
.vform div.field input[type=number],
.vform div.field input[type=password],
.vform div.field select,
.vform div.field textarea {
    display: table-cell;
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
}
.vform div.field input[type=checkbox] {
    display: table-cell;
}

fieldset hr {
    border-top: solid 1px silver;
    border-bottom: none;
}

.wauto {
    width: auto !important;
}
.w20 {
    width: 20px !important;
}
.w50 {
    width: 50px !important;
}
.w60 {
    width: 60px !important;
}
.w100 {
    width: 100px !important;
}
.w120 {
    width: 120px !important;
}
td.w120, th.w120 {
    min-width: 120px;
}
.w150 {
    width: 150px !important;
}
.w180 {
    width: 180px !important;
}
.w200 {
    width: 200px !important;
}
.w210 {
    width: 210px !important;
}
.w220 {
    width: 220px !important;
}
.w230 {
    width: 230px !important;
}
.w250 {
    width: 250px !important;
}
.w280 {
    width: 280px !important;
}
.w300 {
    width: 300px !important;
}
.w320 {
    width: 320px !important;
}
.w340 {
    width: 340px !important;
}
.w350 {
    width: 350px !important;
}
.w360 {
    width: 360px !important;
}
.w400 {
    width: 400px !important;
}
.w405 {
    width: 405px !important;
}
.w500 {
    width: 500px !important;
}
.w600 {
    width: 600px !important;
}
.w645 {
    width: 645px !important;
}
.w20p {
    width: 20% !important;
}
.w25p {
    width: 25% !important;
}
.w33p {
    width: 33% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
.w50p {
    width: 49% !important;
}
.w100p {
    width: 100% !important;
}
.mt0 {
    margin-top: 0px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mr0 {
    margin-right: 0 !important;
}

fieldset.left, table.left {
    float: left;
}

fieldset.right, table.right {
    float: right;
}

div.right, td.right, th.right {
    text-align: right;
}

div.left, td.left, th.left {
    text-align: left;
}

div.buttons {
    text-align: right;
    padding-top: 10px;
}

table.columns td {
    vertical-align: top;
}

div.auto {
    margin: auto;
}

div.art-box-body.art-blockcontent-body h2 {
    margin-top: 0;
    margin-bottom: 16px;
}

.hidden {
    display: none;
}

div.image {
    border: solid 1px #ddd;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px;
    position:relative;
    text-align:center;
}

div.image a.remove {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1000;
    background-image: url(http://cdn.northweb.eu/images/icons/delete.png);
    width: 16px;
    height: 16px;
    display: none;
}

div.image.default {
    position:relative;    
}

div#default_photo {
    display: inline-block;
}

div.image div.canvas-wrapper {
    display:table;
    width:100%;
}

div.image div.canvas {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.image div.canvas img {
    margin: auto;
    display:block;
}

table {
    text-align: left;
}

td.center {
    text-align: center;
}

div.user-info {
    float: right;
    border: solid 1px #eee;
    border-radius: 5px;
    padding: 5px 10px 7px 10px;
    margin-top: 10px;
    margin-right:10px;
    min-width: 200px;
    box-shadow: 1px 1px 10px #ddd;
}

div.user-info a,
div.user-info a.art-button,
div.user-info a.art-button:link, 
div.user-info a:link.art-button:link, 
body div.user-info a.art-button:link,
div.user-info table,
div.user-info input,
div.user-info label {
    font-size: 11px;
}

div.user-info .field, 
div.user-info input[type=text],
div.user-info input[type=number],
div.user-info input[type=password] {
    width:130px;
    /*font-weight: bold;*/
}

#loader, .dimmer {
    position: fixed;
    width: 110%;
    height: 110%;
    background-image: url(http://cdn.northweb.eu/images/dimmer-light.png);
    left: 0;
    top: 0;
    z-index: 10000;
    display: none;
}

#loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
}

.full, .full-width {
    width: 100% !important;
}

.half, .half-width {
    width:50% !important;
}

.third {
    width:33.3% !important;
}

.quarter {
    width:25% !important;
}

.half49 {
    width:49% !important;
}

.no-border {
    border: none !important;
}

.user-info span.art-button-wrapper > span.art-button-l {
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.user-info span.art-button-wrapper > span.art-button-r {
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
}

.user-info span.art-button-wrapper {
    height: 24px;
}

.user-info span.art-button-wrapper > a.art-button,
.user-info span.art-button-wrapper > a.art-button:link,
.user-info span.art-button-wrapper > input.art-button,
.user-info span.art-button-wrapper > button.art-button {
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    padding: 0 18px !important;
}

a.delete {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(http://cdn.northweb.eu/images/icons/16x16/delete.png);
	background-repeat:no-repeat;
	background-position:center center;
}

a.edit {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(http://cdn.northweb.eu/images/icons/16x16/edit.png);
	background-repeat:no-repeat;
	background-position:center center;
}

a.accept {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(http://cdn.northweb.eu/images/icons/16x16/check.png);
	background-repeat:no-repeat;
	background-position:center center;
}

a.cancel {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(http://cdn.northweb.eu/images/icons/16x16/cancel.png);
	background-repeat:no-repeat;
	background-position:center center;
}


.lang-flags {
    float: right;
}

.art-article .lang-flags a {
    display: block;
    padding:3px 6px;
    border-radius: 3px;
}

.art-article .lang-flags a img {
    margin: 0;
}

.art-article .lang-flags a:hover img {
}

.art-article .lang-flags a:hover {
    background-color: rgba(0,0,0,0.1);
}

input[type=text].lang, div.lang .mce-container-body.mce-flow-layout {
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 34px;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.textbox-button {
    position:absolute;
    right:5px;
    bottom:5px;
    margin:0;
    padding: 2px 5px;
    border-radius:3px;
    border:solid 1px silver;
}


.ui-dialog
{
  box-shadow: 0px 0px 30px;
}

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

.cpanel a, .cpanel a:visited, .cpanel a:link {
    text-decoration:none;
}

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

.cpanel div.image {
    padding: 16px 24px;
    margin: 12px;
    display: inline-block;
    border-radius: 16px;
    background-color:rgba(0,0,0,0.05);
}

.cpanel div.image div.canvas {
    width: 150px;
    height: 128px;
}

.cpanel a:hover div.image {
    background-color: rgba(0,0,0,0.1);
    box-shadow: 1px 1px 10px #ccc;
}

dl {
    width: 320px;
}


dt {
    display: inline-block;
    width: 100px;
}

dd {
    display: inline-block;
    width: 200px;
}

.wrap {
    white-space: normal;
}

.mce-i-upload:before {
    content: "\e034";
}

input[type=checkbox]+input[type=hidden]+label {
    display: inline;
}

.td {
    display: table-cell;
}

.tr {
    display: table-row;
}

.table {
    display: table;
}

table.checkbox input[type=radio] {
    margin-bottom: 5px;
}

/* Featured Products */

.tilegrid.product .tile {
    display:inline-block;
    padding:5px;
    box-sizing:border-box;
}

.tilegrid.product .tile h3.title {
    margin-bottom:5px;
}

.tilegrid.product .price form {
    float: right;
}

.tilegrid.product .price {
    border:solid 1px #ddd;
    border-radius:5px;
    margin-top:10px;
    padding:5px;
}

.tilegrid.product .price h3 {
    margin:0;
}

table.controls td {
    padding-right:5px;
}

table.controls td select, 
table.controls td input[type=text],
table.controls td input[type=number] {
    width:100%;
}


/* --- */

div.art-postcontent div.breadcrumbs {
    margin-top:5px;
    margin-bottom:5px;
}

textarea.pre {
    font-family: Consolas, Courier New, Courier, monospace;
}

.art-article th.nw-table-section {
    text-align:left;
    padding-top:20px;
    text-decoration: underline;
}

div.tree ul {
    padding-left:15px;
}