.node .content { position: relative;}
		.pagelayout-item { position: absolute; /*background: #333;*//* overflow: hidden*/ }
		
		tr.draggable, #pagelayout .clone/*, #pagelayout .ui-icon, #teaser .ui-icon*/ { box-shadow: 0 0 13px -2px #222; }
		.menu-bar.ui-widget-header { box-shadow: 0 0 7px -1px #333; z-index: 99999 }
		
		#edit-pagelayout-image thead, table.sticky-header { display: none; visibility: hidden; }
		#edit-pagelayout-image #edit-pagelayout-image-und-table tr { display: block; float: left; width: 100px; height: 100px; padding: 0.4em; margin: 0.6em 0 0.6em 0.6em; font-size: 8px; border: 1px solid #666; line-height: 10px; }
		#edit-pagelayout-image #edit-pagelayout-image-und-table tr.last { margin-right: 0.6em }
		#edit-pagelayout-image #edit-pagelayout-image-und-table tr.videoitem,
		#edit-pagelayout-image #edit-pagelayout-image-und-table tr.nodereferenceitem,
		#edit-pagelayout-image #edit-pagelayout-image-und-table tr.headeritem,
		#edit-pagelayout-image #edit-pagelayout-image-und-table tr.textitem { display: none; }
		#edit-pagelayout-image #edit-pagelayout-image-und-table td { display: block; position: absolute; width: 100px; height: 100px; overflow: hidden; margin: 0; padding: 0; vertical-align: middle;}
		#edit-pagelayout-image .file-icon,
		#edit-pagelayout-image .file-size,
		#edit-pagelayout-image .tabledrag-toggle-weight-wrapper,
		#edit-pagelayout-image #edit-pagelayout-image-und-table td a, 
		#edit-pagelayout-image #edit-pagelayout-image-und-table .form-type-textfield { display: none }
		#edit-pagelayout-image td input.form-submit {margin: 12px }
		
		#edit-pagelayout-image .form-type-managed-file { float: left;}
		#edit-pagelayout-image .form-type-managed-file td { float: left; margin-left: 40px; width: 500px}
		#edit-pagelayout-image .form-type-managed-file div.form-item,
		#edit-pagelayout-image .form-type-managed-file table,
		#edit-pagelayout-image .form-type-managed-file tr,
		#edit-pagelayout-image .form-type-managed-file td { border: none; padding: 0}
		#edit-pagelayout-image .form-type-managed-file tr { background: none; border: none; }
		#edit-pagelayout-image .form-type-managed-file label { color: #fff }
		#edit-pagelayout-image .form-type-managed-file td.field-multiple-drag { display: none; }
		#edit-pagelayout-image .form-type-textfield { float: left; }
		#edit-pagelayout-image .form-type-textfield input { width: 300px }
		#edit-pagelayout-image #edit-pagelayout-video-und-add { margin: 17px }
		
		#pagelayout .ui-resizable-s { cursor: s-resize; height: 10px; bottom: 0px; left: 0px; width: 100%; /*border: 1px solid #666*/}
		#pagelayout .ui-resizable-e { cursor: e-resize; width: 10px; top: 0px; right: 0px; height: 100%; /*border: 1px solid #666*/}
		#pagelayout .ui-icon, #teaser .ui-icon {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0; }
		#pagelayout .layoutitem.image .ui-icon, #teaser .layoutitem.image .ui-icon, #edit-pagelayout-image-und-table .ui-icon {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
		
		.ui-resizable-helper { border: 2px dotted #00F; }
		.ui-resizable-n { cursor: n-resize; height: 7px; left: 20px; top: 2px; }
		#pagelayout .layoutitem.image .ui-resizable-s { cursor: s-resize; height: 7px; bottom: 2px; left: 20px;}
		#pagelayout .layoutitem.image .ui-resizable-e { cursor: e-resize; width: 7px; right: 2px; top: 20px;}
		.ui-resizable-n.ui-icon, .ui-resizable-s.ui-icon{ background-image: url(assets/handle-horizontal.png); background-position: center; background-repeat: no-repeat;} /*repeat-x;}*/
		.ui-resizable-e.ui-icon, .ui-resizable-w.ui-icon{ background-image: url(assets/handle-vertical.png); background-position: center; background-repeat: no-repeat;} /*repeat-y;}*/
		.ui-resizable-e { cursor: e-resize; width: 7px; right: 2px; top: 20px; }
		.ui-resizable-w { cursor: w-resize; width: 7px; left: 2px; top: 20px; }
		.ui-icon { z-index: 99;} 
		
		.border { background: white; position: absolute; display: block;}
		#border-n{ width: 100%; height: 0px; top: 0; left: 0 }
		#border-s{ width: 100%; height: 0px; bottom: 0; left: 0 }
		#border-e{ height: 100%; width: 0px; top: 0; right: 0 }
		#border-w{ height: 100%; width: 0px; top: 0; left: 0 }

		#trash { float: right; width: 94px; min-height: 94px; padding: 1%; overflow: hidden} * html #trash { height: 6em; } /* IE6 */
		#trash h4 { font-weight: normal; font-size: 10px; line-height: 16px; margin: 0 0 0.4em; }
		#trash h4 .ui-icon { float: left; }
		#trash .uploads h5 { display: none; }
		
		/*.container { width: 960px}*/
		#pagelayout .grid { background-image: url(assets/grid.png); }
		#pagelayout, #teaser { border: 1px solid #999; position: relative; margin: 0; background: #999; /*overflow: hidden; background: url(assets/lines.gif) bottom repeat-x;*/ } /** html #pagelayout { height: 400px; } /* IE6 */
		#teaser.error { border-color: red }
		#teaser { padding: 0; }
		/*.layoutitem.image img { margin: 2px }*/
		.layoutitem.image .ui-icon { display: none }
		.layoutitem.image.active .ui-icon, .layoutitem.image.selected .ui-icon { display: block }
		#pagelayout .menu-bar {position: absolute; top: 20px; left: 20px;}
		#pagelayout .layoutitem .menu-bar {position: absolute; top: 16px; right: 16px; padding: 0}
		#edit-pagelayout-image-und-table .menu-bar {position: absolute; top: 6px; right: 6px; padding: 0}
		#edit-pagelayout-image-und-table .menu-bar * { float: right}
		#edit-pagelayout-image-und-table tbody { background-image: url(assets/grey.png);  background-repeat: repeat; }
		
		.menu-bar .ui-menu-icon {float: right; margin: 2px; display: block; }
		#pagelayout .menu-bar.ui-widget-header .ui-menu-icon.ui-icon.ui-icon-grip-dotted-vertical { margin: 3px 1px 2px 3px }
		#pagelayout #pagelayout-content, #teaser #teaser-content { border: none; position: relative; width: 100%; height: 100%; overflow: hidden; }
		
		.textitem, #textitem, #edit-pagelayout-image-und-table .videoitem { overflow:auto; background-color: #fff; }
		.full { overflow:auto; }
		.videoitem { overflow:auto; background-color: #000; }
		/*.pagelayout-item.textitem, .pagelayout-item.textitem .full, .pagelayout-item.headeritem { background: white }*/
		.pagelayout-item h3 { padding: 0; margin: 0; }
		.pagelayout-item p, .pagelayout-item h3, #textitem p { margin-top: 0; padding-top: 0; margin-bottom: 1em;  /* -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; */}
		
		/* .pagelayout-item.textitem, .pagelayout-item.textitem .full { color: #333; }*/
		
		.pagelayout-item.textitem, .pagelayout-item.textitem .full, .pagelayout-item h3,
		.node-teaser h2, .pagelayout-item h2, .pagelayout-item h1 { 
			 
			    font-family: sans-serif;
			    font-size: 12px;
			    font-weight: normal;
			    line-height: 18px;
			    text-align: left;
			    text-transform: none;
			    text-decoration: none;

			 }		
		.pagelayout-item h1, .pagelayout-item h2, .pagelayout-item h3 {
			margin: 0;
			padding: 0;
		}

		.pagelayout-item h3 { 
			 
			    /*font-family: 'Abel', 'Helvetica Neue', Arial, sans-serif;*/
			    font-family: sans-serif;
			    font-size: 12px;
			    font-weight: normal;
			    line-height: 18px;
			    text-align: left;
			    /*text-transform: uppercase;*/
			    text-decoration: none;
		}

		.pagelayout-item a {
			text-decoration: none;
		}

		.pagelayout-item.textitem a:hover {
			text-decoration: underline;
		}

		.pagelayout-item .image-overlay {
			background-color: #ffe56b;
		}

		.pagelayout-item.textitem hr {  background: #666;  border: none;  clear: both;  float: none;  height: 1px;  margin: 0 0 0;  width: 100%; }
		
		 .pagelayout-item h3 {
		 	text-decoration: none;
		 }

		 form.node-form .pagelayout-item iframe {
		 	background: #000;
		 	overflow: hidden;
		 	pointer-events: none;
		 }

		.pagelayout-item.nodereferenceitem * { margin: 0 }
		.pagelayout-item.nodereferenceitem .node header { margin: 0; }
		.pagelayout-item.nodereferenceitem .node .pagelayout-item { position: relative; }
		.pagelayout-item.nodereferenceitem { box-shadow: 0 0 1px 0px #111; background: #fff; }
		.pagelayout-item.nodereferenceitem { box-shadow: 0 0 20px -5px #111; background: #fff; }
		.pagelayout-item.nodereferenceitem .menu-bar .ui-menu-icon {float: right; margin: 2px; display: block; }
		
		.header-container { clear: both; background-color: #F8F8F8; ;}
		.header-container .field-name-pagelayout-teaser { display: block;}
		.header-container { padding: 8px 0 0 0 }
		.header-container textarea.text-summary { height: 250px; margin-bottom: 5px; }
		.header-container .form-item { padding: 0; margin-bottom: 9px !important;}
		.header-container label {
			display: none;
		}
		.header-container table {
			border: none;
		}
		.header-container table td, .header-container table tr {
			vertical-align: top;
		}
		.header-container table {
			margin: 0 9px !important;
		}
		.header-container table .column input {
			width: 526px;
		}
		.header-container .column {
			margin: 9px 0 0 9px;
			padding: 0;
		}

		.header-container table {
			margin: 0 9px 0 0;
		}

		.header-container #edit-pagelayout-teaser .form-item { display: inline; margin-right: 9px; }
		.header-container #edit-pagelayout-teaser .form-type-textfield { display: block; margin: 0; }
		
		.header-container #teaser { display: block; margin-top: 9px; }


		form.node-form input.form-text {
			font-size: 20px;
			padding: 7px;
			color: #444;
		}
		form.node-form input.form-text.error {
			border: 2px solid red;
		}
		form.node-form textarea.text-summary {
			padding: 7px;
			color: #444;
		}

		input.form-checkbox {
		   -webkit-appearance: none;
		   -webkit-user-select: none;
		}

		input.form-checkbox, .checkbox { background: #222 url(assets/check.png) no-repeat; border: 1px solid #ccc; color: #eeeeee; font-weight: bold; width: 40px; height: 40px; display: block; text-indent: -99999px; }
		input.form-checkbox:checked, .checkbox:hover { background-color: #333; background-position: -40px 0; border: 1px solid #fff; color: #fff; font-weight: bold; }
		input.form-checkbox.autoplay { background-image: url(assets/autoplay.png); }
		input.form-checkbox.background { background-image: url(assets/background.png); }
		.checkbox { background-image: url(assets/arrow.png); }
		
		.loading { display: block; width: 100%; height: 100%; background: #000 url(assets/progress.gif) 50% 50% no-repeat; }
		.node .loading { display: block; width: 100%; height: 100%; background: #fff url(assets/progress_white.gif) 50% 50% no-repeat; }
		
		#edit-field-invert input.form-checkbox {
			background-color: #fff;
			width: 40px;
		}

		#edit-field-invert input.form-checkbox:checked, .checkbox:hover { 
			background-color: #000;
		}

		fieldset.date-combo.form-wrapper {
			background: none;
			border: none;
			width: auto;
			margin: 0;
			padding: 0;
			margin-bottom: 9px !important;
		}
		fieldset.date-combo.form-wrapper legend {
			display: none;
		}
		fieldset.date-combo.form-wrapper .date-padding, 
		fieldset.date-combo.form-wrapper .fieldset-wrapper, 
		fieldset.date-combo.form-wrapper .fieldset-legend,
		fieldset.date-combo.form-wrapper .form-item {
			padding: 0;
			margin: 0;
		}

		select {
		   border: 0;
		   color: #eee !important;
		   background: transparent;
		   font-size: 20px;
		   -webkit-appearance: none;
		   -webkit-appearance: button;
		   -webkit-padding-end: 60px;
		   -webkit-padding-start: 2px;
		   -webkit-user-select: none;
		  background: url(assets/15xvbd5.png) no-repeat right center !important;
		  background-color: #333 !important;
		  -webkit-border-radius: 0px;
		  -moz-border-radius: 0px;
		  border-radius: 0;
		  padding-left: 15px;
		  border: 1px solid #666 !important;
		  padding: 7px 60px 7px 7px !important;
		}

		option {
		  background:#222 !important;
		  border-top:1px solid #444 !important;
		  padding:.3em 1em .3em 1em !important;
		}

.grayscale {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}