/* Minification failed. Returning unminified contents.
(121,2): run-time error CSS1019: Unexpected token, found '}'
 */
/* CSS Document */

/*
	KLEUREN [synergy/clarion events]:
	ZWART: 				#000000
	WIT: 				#ffffff
    clarion events groen: 00A1AB
*/

*									{ margin: 0; padding: 0; }
html								{ }
html, body							{ }
body				 				{ font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color: #303030; background:url('../content/img/bg.gif') repeat-x top #fff; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section 	{ display:block;}
input, select, textarea     		{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#303030; }
textarea							{ overflow:auto; }
time								{ color:#817e7f;}
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ color:#e72d55; outline: none; text-decoration: none; }
a:hover								{ text-decoration:underline; }
a img								{ background: none; }
a:active, a:focus 					{ outline: 0; }
::-moz-selection					{ background:#b3203f; color:#fff; }
::selection							{ background:#b3203f; color:#fff; }
img									{ border: none; }
table								{ border-collapse: collapse; }
p									{ padding:7px 0px; }
object 								{ outline:none; }
fieldset							{ border:0; clear:both; }
input								{ border:0; background:none;  }
input[type=text],
input[type=number],
input[type=url],
input[type=time],
input[type=email],
input[type=tel],
input[type=password]				{ background:#fff; border:1px solid #ababab; color:#303030; border-radius:3px; padding:2px 5px; }
input[type=text]:disabled           { background:#eee; border:1px solid #ababab; color:#606060; border-radius:3px; padding:2px 5px; }
input.readonly                      { background:#eee; }
input[type=submit]					{  }
input[type=text]:focus,
select:focus,
textarea:focus	                    { outline: none; border:1px solid #333;  }
input[type=file]					{ border:1px solid #ababab; color:#303030; border-radius:3px; padding:2px 5px; }
select								{ border:1px solid #ababab; color:#303030; border-radius:3px; padding:2px 5px 2px 0;
									   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e0e0e0));  background-image: -webkit-linear-gradient(top, #fefefe, #e0e0e0);
									   background-image:    -moz-linear-gradient(top, #fefefe, #e0e0e0); background-image: -ms-linear-gradient(top, #fefefe, #e0e0e0);
									   background-image:      -o-linear-gradient(top, #fefefe, #e0e0e0);  background-color:#fefefe }
textarea							{ border:1px solid #ababab; color:#303030; border-radius:3px; padding:2px 5px; resize:vertical;  }
legend								{ display:none; }
input[type=submit]					{ cursor:pointer; }
input.error                         { border:1px solid #e92e56; background:url('../content/img/error.gif') right top no-repeat #fff; }
input.input-validation-error             { border:1px solid #e92e56; background:url('../content/img/error.gif') right top no-repeat #fff; }
textarea.error						{ border:1px solid #e92e56; background:url('../content/img/error.gif') right top no-repeat #fff; }
label								{ cursor:pointer; }

/* start template menu */
.version                { position:absolute;top:2px;right:0px;width:100px;heigt:20px; }
#links					{ position:fixed; font-family:Arial, Helvetica, sans-serif; top:10px; left:-10px;
						  background:#000; padding:10px 10px 10px 20px; z-index:1000; -moz-border-radius:10px;
						  -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 2px 2px 5px #000;
						  -webkit-box-shadow: 2px 2px 5px #000; box-shadow: 2px 2px 5px #000;}
#links .a				{ display:block; float:left;}
#links a				{ color:#fff;}
#links .pages			{ display:none;}
#links.act .pages		{ display:block; float:left; margin:5px 0 0 10px;}
/* einde template menu */


/* DEFAULTS */
.content				{ width:940px; padding:0 20px 20px; background:#f9f9f9;  }
#wrapper				{ margin-bottom:50px;  }
.center					{ width:980px; margin:0 auto; clear:both; }
.shadow					{ -webkit-box-shadow:0 5px 5px #dcdcdc; -moz-box-shadow: 0 5px 5px #dcdcdc; box-shadow:0 5px 5px #dcdcdc;  }
.clear					{ clear:both; }
.hidden					{ display:none;}



.header					{ background:url('../content/img/bg-header.png') repeat-x top; }
.header .center 		{ position: relative; }
.header .logged			{ position:absolute; top:15px; left:20px; line-height:20px; color:#fff;}
.header .logged .a		{ color:#fff; text-decoration:underline;}
.navbar					{ }
nav						{ line-height:20px; padding:48px 0 0 0;  margin-left:20px; }
nav ul					{ list-style:none outside;}
nav .lvl-1 > li			{ float:left; margin-right:40px; position: relative; padding: 10px 0; }
nav .lvl-1 > li:hover .a { color: #000;  }
nav .lvl-1 > li:hover .lvl-2 { display: block; }
nav .a					{ color: #3190D8; text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none; }
nav .aa 				{ color: #fff; display: block; }
nav .has-subitems:after { display: inline-block; width: 12px; height: 7px; background: url('../content/img/bg-menu-item.png') no-repeat; content: ''; }
nav .has-subitems:hover:after { background-position: -15px 0; }
nav .lvl-2 				{ position: absolute; z-index: 9; top: 35px; left: 0; background: #3190D8; padding: 7px 10px; width: 150px; display: none;
	-webkit-box-shadow: -5px 5px 0 rgba(224, 224, 224, 0.5);
	box-shadow: -5px 5px 0 rgba(224, 224, 224, 0.5);
}

nav .lvl-1 > li.active .a { color: #000;  }
nav .lvl-1 > li.active:after { background-position: -15px 0; }
nav .lvl-2 > li.active .aa { text-decoration: underline; }

.languages               { display: inline; }
.languages form          { display: inline; margin-left: 3px; }

.bc						{ clear:both; color:#000; line-height:20px; padding:10px 0; float: left; width: 700px; }
.bc .a					{ color:#000; text-decoration: underline; }
.bc .s					{ font-weight:normal;}

.search 				{ float: right; padding:10px 0;  }
.i-search[type=text] 	{ border-radius: 20px; float: left; margin-right: 10px; }
.btn-search 			{ display: block; float: left; padding: 0 20px; color: #fff;
							background: #3b3b3b; height: 20px; border-radius: 10px; padding-bottom: 1px;
							background: -moz-linear-gradient(top, #3b3b3b 0%, #252525 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#252525));
							background: -webkit-linear-gradient(top, #3b3b3b 0%,#252525 100%);
							background: -o-linear-gradient(top, #3b3b3b 0%,#252525 100%);
							background: -ms-linear-gradient(top, #3b3b3b 0%,#252525 100%);
							background: linear-gradient(to bottom, #3b3b3b 0%,#252525 100%); }
 }

/* TABS */
.tabs					{  }
.tabs .a				{ display:block; float:left; width:133px; text-align:center; color:#fff; background-color:#ababab; line-height:29px; font-weight:bold;
							border-top:1px solid #c0c0c0; border-left:1px solid #b6b6b6; border-right:1px solid #8c8c8c; }
.tabs .a:hover,
.tabs .a.act			{ background-color:#3b3b3b; text-decoration:none; border-top:1px solid #6c6c6c; border-left:1px solid #555; border-right:1px solid #303030; }
.tabs .a.arrow			{ background-image:url('../content/img/arrow-d.png'); background-repeat:no-repeat; background-position:115px 12px; }

.tabs .a.grp            { background:#7ebbf5; }
.tabs .a.grp.act            { background:#2866f8; }
.tabs .a.grpsub            { background:#ade6ff; }
.tabs .a.sub            { background:#f5b57f; }
.tabs .a.sub.act         { background:#dc9502; }
.tabs .a.subsub            { background:#ffe0a1; }

.page-tabs				{ padding:20px 0 0 20px; border-top:1px solid #fbfbfb;
						   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), to(#d8d8d8));  background-image: -webkit-linear-gradient(top, #ececec, #d8d8d8);
						   background-image:    -moz-linear-gradient(top, #ececec, #d8d8d8); background-image: -ms-linear-gradient(top, #ececec, #d8d8d8);
						   background-image:      -o-linear-gradient(top, #ececec, #d8d8d8);  background-color:#d8d8d8 }
.header-tabs			{ position:absolute; right:20px; top:20px; }

/* BUTTONS */
.buttons				{ background:#777; float:left;}
.buttons-top			{ width:940px; padding:5px 20px; height:30px; }
.buttons-bottom			{ width:940px; padding:5px 20px; height:30px; }
.buttons-page			{ width:940px; }
.buttons-right			{ float:right; }

.buttons-middle 		{ width: 940px; margin-top: 40px; }

.buttons-top .result-count { display: inline; color: rgb(255, 255, 255); font-weight: bold; line-height: 30px; margin-left: 10px; }

.button					{  margin:5px; display:block; float:left; width:auto; padding: 0 15px; text-align:center; border-radius: 10px; line-height:20px; height:20px; color:#fff;
						   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8b8b8), to(#939393));  background-image: -webkit-linear-gradient(top, #b8b8b8, #939393);
						   background-image:    -moz-linear-gradient(top, #b8b8b8, #939393); background-image: -ms-linear-gradient(top, #b8b8b8, #939393);
						   background-image:      -o-linear-gradient(top, #b8b8b8, #939393);  background-color:#939393 }
.button:hover,
.button.succeeded		{  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6c6c6c), to(#474747));  background-image: -webkit-linear-gradient(top, #6c6c6c, #474747);
						   background-image:    -moz-linear-gradient(top, #6c6c6c, #474747); background-image: -ms-linear-gradient(top, #6c6c6c, #474747);
						   background-image:      -o-linear-gradient(top, #6c6c6c, #474747);  background-color:#474747 }
.button input			{ color:#fff; text-align:center; }
.button.button-single 	{ float: right; }

.button:hover			{ text-decoration:none;   }
.button.button-icon		{ text-align:left;}
.button.button-icon input { text-align:left;  }
.button.button-black	{ background-color:#3b3b3b; background-image:none; height:18px; border:1px solid #5e5e5e; line-height:18px; }
.button.button-black:hover	{ background-color:#ababab; background-image:none; color:#3b3b3b; border:1px solid #5e5e5e; }

.button.button-black.button.button-icon { padding-left:9px; }

.button span			{ display:block; width:15px; height:18px; background-image:url('../content/img/icons.png'); background-repeat:no-repeat; float:right; margin-right: -10px; margin-left: 7px; }
.button	.plus			{ background-position:0 0; }
.button	.plus2			{ background-position:0 -20px; }
.button	.star			{ background-position:0 -40px; }
.button	.minus			{ background-position:0 -60px; }
.button	.preview		{ background-position:0 -460px; width:18px; }
.button	.help			{ background-position:0 -518px; }

.buttons-title 			{ float: left; color: #fff; font-size: 14px; padding: 5px 10px; }

.button.button-black .plus		{ background-position:0 -80px; }
.button.button-black .plus2		{ background-position:0 -100px; }
.button.button-black .star		{ background-position:0 -120px; }
.button.button-black .minus		{ background-position:0 -140px; }
.button:hover .plus			{ background-position:0 -160px; }
.button:hover .plus2		{ background-position:0 -180px; }
.button:hover .star			{ background-position:0 -200px; }
.button:hover .minus		{ background-position:0 -220px; }
.button:hover .preview		{ background-position:0 -480px; }
.large-button			{ width:280px; height:31px; display:block; float:left; color:#fff; border-radius:4px; border-bottom:1px solid #aeaeae;
						   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#474747), to(#5e5e5e));  background-image: -webkit-linear-gradient(top, #474747, #5e5e5e);
						   background-image:    -moz-linear-gradient(top, #474747, #5e5e5e); background-image: -ms-linear-gradient(top, #474747, #5e5e5e);
						   background-image:      -o-linear-gradient(top, #474747, #5e5e5e);  background-color:#474747 }
.large-button:hover		{  }


.switch					{  display:block; float:right; width:80px; border-radius: 10px; line-height:20px; height:20px; color:#fff;
						   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8b8b8), to(#939393));  background-image: -webkit-linear-gradient(top, #939393, #b8b8b8);
						   background-image:    -moz-linear-gradient(top, #939393, #b8b8b8); background-image: -ms-linear-gradient(top, #939393, #b8b8b8);
						   background-image:      -o-linear-gradient(top, #939393, #b8b8b8);  background-color:#b8b8b8; border:1px solid #474747; }

.switch .btn			{  float:left; width:40px; height:20px; border-radius:10px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6c6c6c), to(#474747));  background-image: -webkit-linear-gradient(top, #6c6c6c, #474747);
						   background-image:    -moz-linear-gradient(top, #555, #3B3B3B); background-image: -ms-linear-gradient(top, #6c6c6c, #474747);
						   background-image:      -o-linear-gradient(top, #6c6c6c, #474747);  background-color:#474747; text-indent:-9999px;  }

.switch .lbl-on			{ float:right; width:40px; text-align:center; color:#fff; display:none;font-size:11px; font-weight:bold; }
.switch .lbl-off		{ float:left; width:40px; text-align:center; color:#333; font-size:11px; font-weight:bold; }


.switch.act				{  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8b8b8), to(#939393));  background-image: -webkit-linear-gradient(top, #276728, #468847);
						   background-image:    -moz-linear-gradient(top, #276728, #468847); background-image: -ms-linear-gradient(top, #276728, #468847);
						   background-image:      -o-linear-gradient(top, #276728, #468847);  background-color:#468847;  }
.switch.act .btn		{ float:right; }
.switch.act .lbl-on		{ display:block; }
.switch.act .lbl-off	{ display:none; }


/* LOGIN */
.login					{ width:710px; margin:50px auto; background:#f3f3f3; }
.login .field			{ padding:20px 0; width:650px; }
.login .field label		{ color:#303030; font-weight:bold; padding:0; width:105px; }
.login .field .input	{ width:510px; }
.login .field input[type=text],
.login .field input[type=password] 		{ width:498px; }
.login h1				{ font-size:12px; color:#e2e2e2; line-height:30px; height:30px; background:#3b3b3b; padding-left:10px; }
.login .block			{ padding:40px 30px 30px; }
#passwordblock			{ display:none; }
.login-meta				{ clear:left; float:left; width:300px; margin-top:25px; color:#777; }
.login .check			{ float:left; width:20px; margin-top:2px; }
.login .login-meta label { float:left; display:block; width:80px;}
.login hr				{ clear:both; height:1px; border-top:1px solid #d4d4d4; border-bottom:1px solid #fff; border-left:0; border-right:0; color:#000 }
.login .large-button	{ float:right; margin-top:20px; }

/* LIST */
.listing				{ width:100%; background:#f9f9f9; color:#393939; line-height:16px; }
.listing .publish       { width:20px; float:left; }
.col-full .listing		{  margin:0 0 20px; }
.listing a:hover		{ text-decoration:underline; }
.listing a.asc			{ background:url('../content/img/asc.png') no-repeat center right; }
.listing a.desc			{ background:url('../content/img/desc.png') no-repeat center right;  }
.listing th,
.listing thead td		{ background:#fff; font-size:11px; color:#777777; font-weight:normal; text-align:left; border-bottom:1px solid #d4d4d4;  border-right:1px solid #d4d4d4; padding:4px 10px;  }
.listing th:last-child,
.listing thead td:last-child 	{ border-right:0; }
.listing td				{ border-bottom:1px solid #d4d4d4; border-top:1px solid #fff; padding:6px 10px; }
.listing td.last, .listing thead td.last { border-right:1px solid #d4d4d4;  }
.listing td.total		{ font-weight:bold; }
.listing tr.hover td	{ background:#efefef; }
.listing thead tr.hover td	{ background:#fff; }
.listing a				{ color:#393939; display:block;  }
.listing .has-childs    { text-align:center;  background: none repeat scroll 0 0 #D4D4D4; border-radius: 3px 3px 3px 3px; color: #1C1C1C; text-decoration: none; }
.listing .has-childs:hover   { background:#6c6c6c; color:#fff; }

/* Images List */
.listing.imagelist .img { float: left;width: 134px;margin: 0px 0px 5px 0px; text-align:center; }
.listing.imagelist .img.loader { margin-top:30px; }
.listing.imagelist .img .img-wrapper { height:90px; margin-bottom:5px; }
.listing.imagelist .img img { max-width:120px; max-height:90px; }
.listing.imagelist .img select.sm { width:120px; }
.listing.imagelist .errorresult { margin-bottom:5px; }


/* FORM */
.lang-block             { padding-bottom:10px; background-color:#f5f5f5; }
.lang-details           { display:none; }
.lang-details-default   { display:block; }
.lang-edit              { display:block; color:#000;  padding:0 10px; font-weight:bold; line-height:30px; height:30px;  background-color:#f0f0f0; border:0; border-bottom:1px solid #d4d4d4;  }
.lang-edit.act          {   }
.marker_main			{ text-align:center; padding:5px 0; display:none; background:#e92e56; color:#fff; font-weight:bold; }
.actionresult			{ text-align:center; padding:5px 0; background:#468847; color:#fff; font-weight:bold; }
.errorresult			{ text-align:center; padding:5px 0; background:#e92e56; color:#fff; font-weight:bold; }
.field-validation-error { color:#c00; font-weight:bold; display:inline-block; }
.noresults				{ padding:10px; }
.col					{ float:left; width:470px; padding-top:10px;  }
.col.firstrow           { padding:0; }
.col.nopadding          { padding:0; }
.col.nopadding fieldset { padding:0; }
.col.col-full			{ width:940px; }
.col-third              { width:313px;}
.col-third .field       { width:270px;}
.col-third .field thead.underlined { border-bottom: 1px solid #D5D5D5; line-height: 27px; }
.col-adjacent           { padding:0;}
fieldset				{ padding:10px 0;  border-top:1px solid #ccc; }
.col-adjacent fieldset  { border-top:0; padding:0;}
.f-title				{ border-bottom:1px solid #d4d4d4;  padding:0 10px; font-weight:bold; line-height:30px; height:30px;  }
.f-title2				{ padding:0 10px; font-weight:bold; line-height:30px; height:30px;  }
.f-title-empty          { height:1px;}
.f-title .title			{ display:block; float:left; width:130px; }
.f-title .text			{ display:block; float:left; width:420px; }
.f-title .title.large	{ width:330px; }
.f-title .check-right	{ float:right;  }
.f-title .more			{ float:right;  }
.f-title .check			{ float:left; margin:2px 0 0 10px; }
.f-title .val			{ float:left; margin-left:10px; color:#e72d55; }
.f-title .val a			{ font-weight:bold; text-decoration:none; }
.f-title-help			{ font-weight:normal; font-size:11px; }
.field					{ width:448px; padding:3px 13px 2px 10px; clear:both; float:left; }
.field .input.image		{ height:100px; overflow:hidden; }
.field .image.preview   { margin-top:10px; display:inline-block; max-width:210px; }
.field .image.preview img { width:100%; height:100%; }
.col .field .input.image { position:relative; }
.col-text               { padding:0 10px;}

.importresults          {  margin-top:20px; background-color: #EFEFEF;  }
.importresults .total   { font-weight:bold; text-align:center; border-bottom: 1px solid #D4D4D4; padding: 6px 10px; }
.importresults .item    { border-bottom: 1px solid #D4D4D4; border-top: 1px solid #FFFFFF;  padding: 6px 10px; }

.field.error			{ color:#e92e56; }
.field.error label		{ color:#e92e56; }
.field .marker			{ display:block; float:left; clear:left; margin-left:140px;color:#e92e56; }
.field p				{ padding:0; }
.col-full .field		{ width:903px; }
.field label			{ display:block; float:left; color:#303030; width:110px; padding:1px 0; }
.col2 .field label      { width:90px;}
.col2 .preview-image    { margin:28px 0 20px 50px;}
.field .sep				{ display:block; float:left; width:5px; margin-left:5px;  }
.field .input			{ float:left; margin-left:25px; width:292px; line-height:22px; position:relative;  }

.field .input-checkbox { margin: 0px 0 10px; position:relative; line-height: 16px;  }
.field .input-checkbox label, .page-with-sidebar .field .input-checkbox label  { width: 410px; float: left; margin-left: 10px; margin-top: 2px; color: #303030; }
.field .input-checkbox input, .page-with-sidebar .field .input-checkbox input { float: left; }

.col-full .field .input { width:760px; }
.col-full .field .ajaxImageUpload { margin-left:-25px;}
.field input[type=text],
.field input[type=number],
.field input[type=url],
.field input[type=time],
.field input[type=tel],
.field input[type=email],
.field input[type=password] { width:240px; float:left; display:block; }
.field input[type=file] { width:280px; float:left; display:block; }
.field input[type=checkbox] { margin:3px 0; }
.field input[type=radio] { margin:3px 5px 3px 0; }
.field textarea			{ width:280px; height:76px; }
.col-full .field textarea { width:750px; }
.page-with-sidebar .col-full .field textarea { width:600px; }
.field select			{ width:253px; }
.field input.datepicker	{ width:240px; }
.field .radio			{ float:left; width:20px; clear:left; margin-top:1px; }
.field .check			{ float:left; width:20px; clear:left; margin-top:1px; }
.field .val				{ float:left; width:270px; }
.ui-datepicker-trigger	{ cursor:pointer; margin-top:-2px; margin-left:5px; display:block; float:left; }
.sort-result            { color:#e72d55; display:none; }
.sortable               { list-style-type: none; background: #fff; height:430px; border:1px solid #cccccc; overflow:auto ;}
.sortable li            { margin: 0px 0px 2px 0px; padding: 2px;  cursor:pointer;}
.ui-sortable .icon-sort   { display:block; float:left; margin:1px 5px 0 0; width:7px; height:10px; background:url('../content/img/icon-sort.png') no-repeat left center; }
#sortable1              { margin-top:4px; }
input.size-2			{ width:33px; text-align:right; }
.openinghours           { width:940px;}
.openinghours .input input  { width:150px; margin-right:20px;}


/* FILTER */
.filter					{ padding:5px 5px 5px 15px; border-top:1px solid #fbfbfb; background-color:#f9f9f9; }
.filter .lbl			{ display:block; float:left; width:140px; padding-left:10px; margin:5px;}
.filter .select			{  margin:5px; float:left; width:150px; padding:0 0 0 0;   }
.filter .select select	{ width:150px; padding: 0 5px 0 5px; border-radius: 10px;  }
.filter .input			{  margin:5px; float:left; width:140px; padding:0 0 0 10px;  border-radius: 10px; height:18px; color:#474747;
						   border-top:1px solid #bababa; border-bottom:1px solid #fbfbfb; border-left:0; border-right:0;  font-size: 12px;
						   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#eaeaea));  background-image: -webkit-linear-gradient(top, #f8f8f8, #eaeaea);
						   background-image:    -moz-linear-gradient(top, #f8f8f8, #eaeaea); background-image: -ms-linear-gradient(top, #f8f8f8, #eaeaea);
						   background-image:      -o-linear-gradient(top, #f8f8f8, #eaeaea);  background-color:#eaeaea }
.filter .input.input2	{ position:absolute; left:0; top:0; border-top:1px solid #bababa; border-bottom:1px solid #fdfdfd; border-left:0; border-right:0;  font-size: 12px;
						   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#fdfdfd));  background-image: -webkit-linear-gradient(top, #e7e7e7, #fdfdfd);
						   background-image:    -moz-linear-gradient(top, #e7e7e7, #fdfdfd); background-image: -ms-linear-gradient(top, #e7e7e7, #fdfdfd);
						   background-image:      -o-linear-gradient(top, #e7e7e7, #fdfdfd);  background-color:#e7e7e7; }

.filter .largeblock		{ float:left; position:relative; width:480px;  }
.filter .input input	{  color:#474747; display:block; float:left; width:140px; color:#474747;margin:2px 0 0 0; line-height: 16px; padding:0; border:0; background:none; }
.filter .input .datepicker	{ cursor:pointer; background:url('../content/img/icons.png') no-repeat 125px -242px;  }
.filter .largeblock .input				{ width:300px;  }
.filter .largeblock input[type=text]	{ width:300px; color:#777; }
.filter .largeblock input.act[type=text] { color: #474747; }
.filter .largeblock .checklist    		{ width:140px; float:right; padding: 0 0 0 40px;}

.filter .input.sm		{ width:60px; }
.filter .input.sm input	{ width:60px; }
.filter .input.sm .datepicker	{ background:url('../content/img/icons.png') no-repeat 45px  -244px; font-size:11px; margin-top:3px;  }
.filter .select.sm		{ width:70px; }
.filter .select.sm select { width:70px; }
.filter .input.med		{ width:60px; }
.filter .input.med input	{ width:60px; }
.filter .select.xsm		{ width:70px; }
.filter .select.xsm select { width:70px }


.checklist				{  margin:5px; float:left; width:140px; padding:0 0 0 10px; border-radius: 10px; line-height:18px; height:18px; position:relative;
						   border-top:1px solid #bababa; border-bottom:1px solid #fbfbfb;
						   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#eaeaea));  background-image: -webkit-linear-gradient(top, #f8f8f8, #eaeaea);
						   background-image:    -moz-linear-gradient(top, #f8f8f8, #eaeaea); background-image: -ms-linear-gradient(top, #f8f8f8, #eaeaea);
						   background-image:      -o-linear-gradient(top, #f8f8f8, #eaeaea);  background-color:#eaeaea }
.checklist a			{ text-decoration:none; color:#474747; display:block; float:left; width:140px;  background:url('../content/img/icons.png') no-repeat 125px -240px; }
.checklist span			{ font-size:10px; }
.checklist .list		{ position:absolute; top:19px; left:0; background:#efefef; width:120px; padding:5px; display:none; z-index:10;
						  border-right: 1px solid #D4D4D4;border-left: 1px solid #D4D4D4;border-bottom: 1px solid #D4D4D4; }
.checklist .check		{ float:left; width:20px; clear:left; margin-top:2px; }
.checklist label		{ display:block; float:left; width:100px; color: #393939; }
.checklist label:hover	{ text-decoration:underline; }

/* PAGING */
.paging					{ background:#777; padding:10px 0; }
.pages-block            { float:left; width:640px; }
.pages					{ margin:0 auto;  }
.paging a, .paging span	{ width:20px; float:left; display:block; line-height:20px; height:20px; color:#d4d4d4; }
.page					{ text-align:center; }
a.page:hover,
.page.act				{ background:#d4d4d4; border-radius:3px; color:#1c1c1c; text-decoration:none; }
.page-first				{ text-indent:-9999px; background:url('../content/img/icons.png') no-repeat 0 -300px; }
.page-first:hover		{ background:url('../content/img/icons.png') no-repeat 0 -380px;  }
.page-previous			{ text-indent:-9999px; background:url('../content/img/icons.png') no-repeat 0 -260px; }
.page-previous:hover	{ background:url('../content/img/icons.png') no-repeat 0 -340px; }
.page-next				{ text-indent:-9999px; background:url('../content/img/icons.png') no-repeat 0 -280px; }
.page-next:hover		{ background:url('../content/img/icons.png') no-repeat 0 -360px; }
.page-last				{ text-indent:-9999px; background:url('../content/img/icons.png') no-repeat 0 -320px; }
.page-last:hover		{ background:url('../content/img/icons.png') no-repeat 0 -400px; }
.results                { padding-left:10px; color: #D4D4D4; float:left; width:150px; }


.delete					{ width:16px; height:16px; float:right; display:block; text-indent:-9999px; background:url('../content/img/icons.png') no-repeat 0 -440px; margin: 8px 5px 0 0; }

.transform_select .selected		{ text-decoration:none; color:#474747; display:block; float:left; width:60px;  background:url('../content/img/icons.png') no-repeat 45px -240px; cursor:pointer; }
.transform_select select		{ background:#fff; margin-top:4px; width:50px; }
.transform_select .select_block	{ display:none; position:absolute;top:19px; left:5px;  overflow:auto;  height:221px; z-index:99; width:60px;  }
.transform_select ul	{ list-style:none outside; background:#efefef; z-index:9; overflow:hidden;
								 border-right: 1px solid #D4D4D4;border-left: 1px solid #D4D4D4;border-bottom: 1px solid #D4D4D4; }
.transform_select li			{ float:left;  }
.transform_select a				{ display:block; float:left; width:50px; padding:0 5px; text-decoration:none; color:#5f717d; }
.transform_select a:hover		{ background-color:#3B3B3B; color:#fff; }
.transform_select a.act			{ background-color:#3B3B3B; color:#fff; }


.transform_select 		{  margin:5px; float:left; width:60px; padding:0 0 0 10px;  border-radius: 10px; height:18px; color:#474747;
						   border-top:1px solid #bababa; border-bottom:1px solid #fbfbfb; border-left:0; border-right:0;  font-size: 12px;
						   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#eaeaea));  background-image: -webkit-linear-gradient(top, #f8f8f8, #eaeaea);
						   background-image:    -moz-linear-gradient(top, #f8f8f8, #eaeaea); background-image: -ms-linear-gradient(top, #f8f8f8, #eaeaea);
						   background-image:      -o-linear-gradient(top, #f8f8f8, #eaeaea);  background-color:#eaeaea }

.module-overview .module .details 		{display:hidden;}

.module-overview .chckbox { position:absolute; left: -9999px; }

.module-overview		{}
.module-overview .title	{padding:10px 10px; color:#fff; cursor:pointer;

							background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6c6c6c), to(#474747));  background-image: -webkit-linear-gradient(top, #666, #474747);
						   background-image:    -moz-linear-gradient(top, #666, #474747); background-image: -ms-linear-gradient(top, #666, #474747);
						   background-image:      -o-linear-gradient(top, #666, #474747); background-color:#666;
}
.module-overview .title .text	{ font-weight:bold;  }
.module-overview .title .text.text-with-helper { float:left; display:block; width:800px; }

.module-overview .module 				{border-bottom:1px solid #999;}
.module-overview .module.last-module	{ border: 0; }
.module-overview .module .details 		{display:none;}
.module-overview .module  .loading	 	{height:50px; background: url(../content/img/loading.gif) no-repeat center;}
.module-overview .button  { margin:15px 5px 15px; }

.module-overview .module .title .helper { display:block; float:left; margin:3px 0 0 10px; }
.module-overview .module .title .btn-help { margin-top:0; background: url("../content/img/icons.png") no-repeat 0 -520px; }
.module-overview .module .title .popover { }
.col-full .module-overview .listing { margin:0; }

.page-header 		  		{ padding:10px 10px; font-weight: bold; }

.ac 						{text-align:center;}

/* OVERLAY */
.overlay {
    position: relative;
    width: 100%;
}
.overlay-inner {
    position: absolute;
    background: #fff;
    padding: 40px 20px 20px;
    width: 430px;
    left: 50%;
    margin-left: -215px;
}
.overlay-close {
    position: absolute;
    top: 8px;
    right: 13px;
}
.overlay-close:hover {
    cursor: pointer;
}


/* CHARTS */
.chart					{ float:left; width:940px; height:300px; }

/* AUTOCOMPLETE */
.ui-widget.ui-autocomplete 	{ font-family: Arial,Helvetica,sans-serif !important; font-size: 12px !important; }
.ui-menu.ui-autocomplete .ui-menu-item a { padding:2px 5px !important; }

/* COLORPICKER */
#picker      { margin-left:20px; margin-top:-60px; }
.colorwell     { background-color:#fff !important; color:#000 !important; }
.color-block     { margin-left:0px;width:100px; height:19px; background:transparent;cursor:pointer;}
.color-block.border {border:3px groove #FFFF99;right:-4px;}
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../content/img/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../content/img/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  background: url(../content/img/marker.png) no-repeat;
}

.addPassStructureField.button{ width: 23px;}


.btn-help {
    background: url("../content/img/icons.png") no-repeat 0 -500px;
    display: block;
    height: 15px;
    width: 15px;
    text-indent: -9999px;
	margin-top:8px;
	cursor: pointer;
}

.field .btn-help {
	margin-top: 3px;
	margin-left:5px;
}

.helper	{
    float: right;
	position: relative;
}

.helper:hover .popover {
	display:block;
}

.popover {
	position: absolute;
	top: -47px;
	line-height: 20px;
	font-weight: normal;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    max-width: 300px;
    padding: 1px;
    position: absolute;
    text-align: left;
    white-space: normal;
    z-index: 1010;
}

.field .popover {
	top: -52px;
}

.field .popover.small {
	top: -22px;
}

.popover.right  {
	left: 30px;
}

.popover.right .arrow {
	left: -11px;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}
.popover.right.small .arrow { top:40px; }
.popover.right .arrow:after {
	left: 1px;
    border-right-color: #fff;
    border-left-width: 0;
}

.popover.left  {
	right: 30px;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}
.popover.left .arrow {
	right: -11px;
}
.popover.left .arrow:after {
	right: -1px;
    border-left-color: #fff;
    border-right-width: 0;
}

.popover.bottom {
    top:-400px;
}
.popover.bottom .arrow:after {
    bottom:-360px;
}

.popover-title {
    background-color: #F7F7F7;
    border-bottom: 1px solid #EBEBEB;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
}

.popover-content {
    padding: 9px 14px;
}

.popover-content.text
{
    width:200px;
}

.arrow {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    margin-top: -11px;
    right: -11px;
    top: 70px;
}
.arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
	border-width: 10px;
    content: "";
    bottom: -10px;
    right: 1px;
}

.remove-image {
	position:absolute;
	background:#fff;
	width:24px;
	height:24px;
	bottom:0px;
	right:100px;
	border-radius:20px;
}

.btn-remove-image {
	margin:4px 0 0 6px;
	cursor: pointer;
	background: url("../content/img/icons.png") no-repeat 0 -440px;
    display: block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;

}

.auxfields-message  { margin:0 10px; color:#999;}

.publish-bar {
	padding: 5px 10px;
	margin:0px 0 0;
	background: #d4d4d4;
}
.publish-bar-pages {
	border-bottom:0;
}
.publish-bar.act {
	background: #468847;
	color:#fff;
}
.publish-page {
	float:left;
	width: 440px;
}
.publish-bar .input {
	float:left;
	width:20px;
	margin-top:2px;
}
.l-publish {
	float:left;
	width:180px;
}
.publish-date {
	float:left;
	width: 430px;
	margin-left:10px;
}

.block-listing-big {
	float: left;
	width: 540px;
}

.block-listing-small {
	float: right;
	width: 340px;
}

.block-listing-total {
	padding: 20px;
	background: #eaeaea;
}

.block-listing-total td {
	border-bottom: 5px solid #ebebeb;
	border-top: 5px solid #ebebeb;
	cursor: pointer;
	padding: 10px 10px;
}

.block-listing-total .nosort td {
	cursor: default;
}

.block-listing-total .listing tr.hover td {
	background: #f9f9f9;
}

.block-listing-total .title {
	border-bottom: 1px solid #D4D4D4;
	box-shadow:  0 1px #fff;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 30px;
}

/* CHECKBOX */
.checkbox-block:not(#foo) input[type=checkbox] {
	position: absolute;
	left: -9999px;
}

.checkbox-block:not(#foo) .label-checkbox {
	cursor: pointer;
	display: block;
	width: 59px;
	height: 19px;
	background-image: url('../content/img/switch.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

.checkbox-block:not(#foo) input[type=checkbox]:checked + .label-checkbox {
	background-position: 0 -19px;
}

.checkbox-block.disabled:not(#foo) .label-checkbox {
	background-position: 0 -40px;
}

.checkbox-block.disabled:not(#foo) input[type=checkbox]:checked + .label-checkbox {
	background-position: 0 -59px;
}

.sidebar .field.legend {
	width: 210px;
	margin: 10px 20px 20px 20px;
}

.publish-list {
	overflow-y: auto;
	overflow-x: hidden;
	width: 210px;
	padding-right: 20px;
	min-height: 150px;
	background: #fff;
	padding: 10px 20px;
	margin-left: 10px;
}

.publish-list.publish-list-2 {
	background: transparent;
	padding: 10px 12px;
}

.publish-list .item {

}

.page-with-sidebar .col-full .field {
	width: auto;
	padding: 0;
	margin-bottom: 10px;
}

.page-with-sidebar .col-full .field .input {
	width: auto;
	float: none;
	margin: 0 20px 0 0;

}

.page-with-sidebar .field label {
	width: auto;
	float: none;
	margin: 0;
}

.line {
	clear: left;
	border-bottom: 1px solid #d4d4d4;
	margin: 0 41px 20px 27px;
}


.page-with-sidebar .col-full .field input[type=text] {
	box-sizing: border-box;
	min-width: 320px;
}


.page-with-sidebar img {
	max-width: 100%;
}

.field iframe {
	margin-top: 10px;
}

.sidebar {
	float: left;
	width: 280px;
}

.sidebar .field {
	width: 210px;
	margin: 0 20px 5px;
}

.sidebar .field select {
	width: 100%;

}

.main-page {
	float: left;
	width: 660px;
}

.field .publish-label {
	float: left;
	width: 170px;
	color: #303030;
	position: relative;
}

.legend.field .publish-label,
.publish-list.field .publish-label {
	padding-left: 20px;
}

.legend .publish-label:after,
.publish-list .publish-label:after {
	position: absolute;
	top: 5px;
	left: 2px;
	content: '';
	display: block;
	width: 10px;
	height: 10px;
}

.legend .HasDefault .publish-label:after,
.publish-list .HasDefault .publish-label:after {
	background: #48c44d;
}

.legend .HasAlternative .publish-label:after,
.publish-list .HasAlternative .publish-label:after {
	background: #3190D8;
}

.legend .publish-label:before,
.publish-list .publish-label:before {
	position: absolute;
	top: 3px;
	left: 0;
	background: #fff;
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #3b3b3b;
}

.publish-label a	 { color:#393939; text-decoration:underline;  }

.spacer10 {
	height: 10px;
	clear: both;
}

.filter-list.field {
	width: auto;
}

.field.filter-list select {
	width: 150px;
	float: left;
}

.filter-list label {
	width: 100px;
	float: left;
}

.filter-list .item {
	margin-top: 2px;
	margin-bottom: 10px;
}

.checkbox-publish {
    float: left;
    width: 300px;
}

.label-publish {
    float: left;
    width: 230px;
}

.checkbox-publish .left {
    float: left;
}

.checkbox-publish .margin {
    margin-left: 10px;
}

.tabs-edit {
	padding-top: 10px;
}

.tabs-edit .a {
	display: block;
	border-radius: 3px 3px 0 0;
	float: left;
	color: #878787;
	padding: 5px 20px;
	margin-right: 10px;
	background: #eaeaea;
}

.tabs-edit .a.active,
.tabs-edit .a:hover {
	background: #d4d4d4;
	color: #3b3b3b;
	text-decoration: none;
}

.calendar {
	width: 100%;
}

.calendar th {
	vertical-align: top;
	color: #fff;
	background: #3190D8;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}

.calendar td {
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}

.calendar td:first-child {
	border-left: 1px solid #ccc;
}

.calendar td.other-month {
	background: #efefef;
}

.calendar .day {
	display: block;
	color: #303030;
}

.calendar .day:hover {
	text-decoration: none;
}

.calendar .day:hover .day-title {
	text-decoration: underline;
}

.calendar .day-title {
	background: #e1d6e3;
	color: #6c3473;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.calendar td.active .day-title {
	color: #fff;
	background: #a57cac;
	border-bottom: 1px solid #a57cac;
}

.calendar .day-info {
	font-size: 11px;
	padding: 5px 5px;
	min-height: 80px;
}

.calendar-header {
	width: 100%;
	font-size: 14px;
}

.calendar-header a {
	color: #3190D8;
}

.calendar-header td {
	padding: 10px 5px;
}

.month-next {
	text-align: right;
}

.month-title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.calender-midday {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid #ccc;
}

.calender-label {
	float: left;
	width: 105px;
}

.calender-value {
	float: right;
	font-weight: bold;
	width: 15px;
}

.calender-form .field label {
	width: 140px;
}

.calender-form .field .input {
	width: 270px;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.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; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
