noodall-ui 0.4.11 → 0.5.0.pre.1

data/public/stylesheets/admin.css

@@ -0,0 +1,2822 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ *
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
+ *
+ * Version: 1.3.4 (11/11/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+#fancybox-loading {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	width: 40px;
+	height: 40px;
+	margin-top: -20px;
+	margin-left: -20px;
+	cursor: pointer;
+	overflow: hidden;
+	z-index: 1104;
+	display: none;
+}
+
+#fancybox-loading div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 40px;
+	height: 480px;
+	background-image: url('fancybox/fancybox.png');
+}
+
+#fancybox-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 1100;
+	display: none;
+}
+
+#fancybox-tmp {
+	padding: 0;
+	margin: 0;
+	border: 0;
+	overflow: auto;
+	display: none;
+}
+
+#fancybox-wrap {
+	position: absolute;
+	top: 0;
+	left: 0;
+	padding: 20px;
+	z-index: 1101;
+	outline: none;
+	display: none;
+}
+
+#fancybox-outer {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+}
+
+#fancybox-content {
+	width: 0;
+	height: 0;
+	padding: 0;
+	outline: none;
+	position: relative;
+	overflow: hidden;
+	z-index: 1102;
+	border: 0px solid #fff;
+}
+
+#fancybox-hide-sel-frame {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: transparent;
+	z-index: 1101;
+}
+
+#fancybox-close {
+	position: absolute;
+	top: -15px;
+	right: -15px;
+	width: 30px;
+	height: 30px;
+	background: transparent url('fancybox/fancybox.png') -40px 0px;
+	cursor: pointer;
+	z-index: 1103;
+	display: none;
+}
+
+#fancybox-error {
+	color: #444;
+	font: normal 12px/20px Arial;
+	padding: 14px;
+	margin: 0;
+}
+
+#fancybox-img {
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+	border: none;
+	outline: none;
+	line-height: 0;
+	vertical-align: top;
+}
+
+#fancybox-frame {
+	width: 100%;
+	height: 100%;
+	border: none;
+	display: block;
+}
+
+#fancybox-left, #fancybox-right {
+	position: absolute;
+	bottom: 0px;
+	height: 100%;
+	width: 35%;
+	cursor: pointer;
+	outline: none;
+	background: transparent url('fancybox/blank.gif');
+	z-index: 1102;
+	display: none;
+}
+
+#fancybox-left {
+	left: 0px;
+}
+
+#fancybox-right {
+	right: 0px;
+}
+
+#fancybox-left-ico, #fancybox-right-ico {
+	position: absolute;
+	top: 50%;
+	left: -9999px;
+	width: 30px;
+	height: 30px;
+	margin-top: -15px;
+	cursor: pointer;
+	z-index: 1102;
+	display: block;
+}
+
+#fancybox-left-ico {
+	background-image: url('fancybox/fancybox.png');
+	background-position: -40px -30px;
+}
+
+#fancybox-right-ico {
+	background-image: url('fancybox/fancybox.png');
+	background-position: -40px -60px;
+}
+
+#fancybox-left:hover, #fancybox-right:hover {
+	visibility: visible; /* IE6 */
+}
+
+#fancybox-left:hover span {
+	left: 20px;
+}
+
+#fancybox-right:hover span {
+	left: auto;
+	right: 20px;
+}
+
+.fancybox-bg {
+	position: absolute;
+	padding: 0;
+	margin: 0;
+	border: 0;
+	width: 20px;
+	height: 20px;
+	z-index: 1001;
+}
+
+#fancybox-bg-n {
+	top: -20px;
+	left: 0;
+	width: 100%;
+	background-image: url('fancybox/fancybox-x.png');
+}
+
+#fancybox-bg-ne {
+	top: -20px;
+	right: -20px;
+	background-image: url('fancybox/fancybox.png');
+	background-position: -40px -162px;
+}
+
+#fancybox-bg-e {
+	top: 0;
+	right: -20px;
+	height: 100%;
+	background-image: url('fancybox/fancybox-y.png');
+	background-position: -20px 0px;
+}
+
+#fancybox-bg-se {
+	bottom: -20px;
+	right: -20px;
+	background-image: url('fancybox/fancybox.png');
+	background-position: -40px -182px;
+}
+
+#fancybox-bg-s {
+	bottom: -20px;
+	left: 0;
+	width: 100%;
+	background-image: url('fancybox/fancybox-x.png');
+	background-position: 0px -20px;
+}
+
+#fancybox-bg-sw {
+	bottom: -20px;
+	left: -20px;
+	background-image: url('fancybox/fancybox.png');
+	background-position: -40px -142px;
+}
+
+#fancybox-bg-w {
+	top: 0;
+	left: -20px;
+	height: 100%;
+	background-image: url('fancybox/fancybox-y.png');
+}
+
+#fancybox-bg-nw {
+	top: -20px;
+	left: -20px;
+	background-image: url('fancybox/fancybox.png');
+	background-position: -40px -122px;
+}
+
+#fancybox-title {
+	font-family: Helvetica;
+	font-size: 12px;
+	z-index: 1102;
+}
+
+.fancybox-title-inside {
+	padding-bottom: 10px;
+	text-align: center;
+	color: #333;
+	background: #fff;
+	position: relative;
+}
+
+.fancybox-title-outside {
+	padding-top: 10px;
+	color: #fff;
+}
+
+.fancybox-title-over {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	color: #FFF;
+	text-align: left;
+}
+
+#fancybox-title-over {
+	padding: 10px;
+	background-image: url('fancybox/fancy_title_over.png');
+	display: block;
+}
+
+.fancybox-title-float {
+	position: absolute;
+	left: 0;
+	bottom: -20px;
+	height: 32px;
+}
+
+#fancybox-title-float-wrap {
+	border: none;
+	border-collapse: collapse;
+	width: auto;
+}
+
+#fancybox-title-float-wrap td {
+	border: none;
+	white-space: nowrap;
+}
+
+#fancybox-title-float-left {
+	padding: 0 0 0 15px;
+	background: url('fancybox/fancybox.png') -40px -90px no-repeat;
+}
+
+#fancybox-title-float-main {
+	color: #FFF;
+	line-height: 29px;
+	font-weight: bold;
+	padding: 0 0 3px 0;
+	background: url('fancybox/fancybox-x.png') 0px -40px;
+}
+
+#fancybox-title-float-right {
+	padding: 0 0 0 15px;
+	background: url('fancybox/fancybox.png') -55px -90px no-repeat;
+}
+
+/* IE6 */
+
+.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
+
+.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
+.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
+
+.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
+.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
+.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
+.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
+
+.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
+	height: expression(this.parentNode.clientHeight + "px");
+}
+
+#fancybox-loading.fancybox-ie6 {
+	position: absolute; margin-top: 0;
+	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
+}
+
+#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
+
+/* IE6, IE7, IE8 */
+
+.fancybox-ie .fancybox-bg { background: transparent !important; }
+
+.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
+/* --------------------------------------------------------------
+   reset.css
+   * Resets default browser CSS.
+  Bassed on reset from Blueprint and  Eric Meyer Reset Reloaded
+
+     http://www.blueprintcss.org/
+  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
+-------------------------------------------------------------- */
+
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+
+h1,h2,h3,h4,h5,h6{
+  font-size:100%;
+  font-weight: bold;
+}
+
+:focus {
+  outline: 0;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: "";
+}
+
+blockquote, q {
+  quotes: "" "";
+  font-style:italic;
+}
+
+fieldset, img{
+  border:0;
+}
+
+address,caption,cite,code,dfn,em,th,var{
+  font-style:normal;
+  font-weight:normal;
+}
+caption,th {
+  text-align:left;
+}
+
+p {padding-bottom: 10px;}
+
+strong {font-weight:bold;}
+em {font-style:italic;}
+
+a {text-decoration:none;}
+/*a:hover {text-decoration:underline;}*/
+/* -------------- LAYOUT (margin, height, width etc)-------------- */
+
+
+body {
+        margin:0;
+        padding:0;
+}
+
+.show #screen,
+.new #screen {
+        margin:0;
+}
+
+body.show #content,
+body.edit #content,
+body.new #content,
+body.create #content {
+        margin:20px;
+        padding:0 0 130px;
+}
+
+
+/* -------------- HEADER -------------- */
+
+#header {
+        height:40px;
+        position:relative;
+        width:100%;
+}
+
+#header h1 {
+        position:absolute;
+        left:20px;
+        top:13px;
+}
+
+#header ul#status {
+        position:absolute;
+        right:20px;
+        top:13px;
+}
+
+#header ul#status li {
+        float:left;
+        margin:0 0 0 15px;
+}
+
+/* -------------- NAVIGATION -------------- */
+
+ul#topnav {
+        min-height:45px;
+        position:relative;
+        width:100%;
+}
+
+ul#topnav li {
+        float:left;
+        margin:13px 0px 13px;
+        padding:0 10px;
+}
+
+ul#topnav li:first-child {
+        margin:13px 0 13px 10px;
+}
+
+ul#topnav li a {
+        padding:5px 7px;
+}
+
+ul#per-page-select{
+  margin:10px 0px;
+  padding-bottom:10px;
+}
+ul#per-page-select li{
+  padding:0px 10px;
+  float:left;
+  border-left:1px solid #686666;
+}
+ul#per-page-select li.first{
+  border-left:none;
+}
+/* -------------- CONTENT -------------- */
+
+#content {
+        clear:both;
+        margin:20px;
+}
+
+#content h1 {
+        margin-bottom:10px;
+        display:inline-block;
+}
+
+#content form .fixed-form {
+        min-height:95px;
+        width:100%;
+        display:block;
+        z-index:1000;
+        position:fixed;
+        bottom:0px;
+        left:0px;
+        margin: 0;
+}
+
+#main-form {
+        float:left;
+        margin:0 10px 100px 0;
+        width:67%;
+        position:relative;
+        z-index:10;
+}
+
+body#assets.edit #main-form {
+        margin:10px 10px 0 0;
+}
+
+div#content-table {
+        padding:9px;
+        clear:both;
+}
+
+table.content {
+        width:100%;
+}
+
+table.content th,
+table.content td {
+        padding:9px;
+        vertical-align:middle;
+}
+
+table.content th {
+        padding:14px;
+}
+
+table.content td label {
+        display:none;
+}
+
+div#form-fields table.content td {
+        vertical-align:middle;
+        padding:9px 20px 0 9px;
+}
+
+td.center {
+        text-align:center;
+}
+
+#form-fields {
+        clear:both;
+        position:relative;
+        margin-bottom: 100px;
+}
+
+
+#field-type, .add.form-builder {
+float:left;
+margin: 0 10px 10px 0;
+}
+
+ .add.form-builder {
+   margin-top: -3px;
+ }
+
+/* CHOICES */
+
+ul.choices {
+        float:right;
+        margin-bottom:20px;
+}
+
+ul.choices li {
+        float:left;
+        margin:0 0 0 5px;
+}
+
+ul.choices li a {
+        width:122px;
+        height:44px;
+}
+
+#fancybox-inner #asset-browser ul.choices {
+        margin:0 0 20px;
+        position:relative;
+        top:0;
+}
+
+form#uploader {
+        clear:both;
+}
+
+/* ASSET BROWSER */
+
+#asset-browser {
+        height: 500px;
+        width:800px;
+        overflow: hidden;
+}
+
+#asset-browser h2.title {
+  float: left;
+}
+#asset-browser .pagination {
+        margin-left:17px;
+}
+
+#browser-list {
+  clear:both;
+  float:left;
+  width:643px;
+}
+
+#browser-list li {
+  float:left;
+  height:120px;
+  padding:0 0 15px 17px;
+  position:relative;
+  width:111px;
+}
+
+
+#browser-list li img, {
+        float: left;
+        margin-right: 10px;
+}
+#browser-list li a.show {
+        bottom:10px;
+        float:none;
+        margin:0;
+        position:absolute;
+        right:33px;
+}
+
+#browser-list li a.add {
+        bottom:10px;
+        float:none;
+        margin:0;
+        position:absolute;
+        left:33px;
+}
+
+#image img {
+  padding:5px;
+}
+
+.file img,
+#show-assets img {
+        display:block;
+        float:left;
+        margin-left:10px;
+        max-height:70px;
+        max-width:70px;
+        overflow:hidden;
+        padding:5px;
+}
+
+#browser-list li span.file-title{
+  display:block;
+  font-size:11px;
+  font-weight:bold;
+  margin: 0 10px 3px;
+  text-align:left;
+  width:90px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  -ms-text-overflow: ellipsis;
+  -moz-binding: url('../ellipsis.xml#ellipsis');
+  display: block;
+}
+
+#show-assets img {
+        max-height:400px !important;
+        max-width:500px !important;
+}
+
+#asset-usage {
+  margin-bottom: 10px;
+}
+
+#asset-browser #image-choices {
+  clear: both;
+}
+
+#asset-browser div.choice  {
+  width: 195px;
+  height: 165px;
+  float: left;
+  margin: 95px 0 0 50px;
+  cursor: pointer;
+  background: url(/images/admin/image_choices.png)
+}
+
+#asset-browser div.medium {
+  background-position: -236px;
+}
+#asset-browser div.large {
+  background-position: -472px;
+}
+#asset-browser div.choice * {
+  display: none;
+}
+/* PAGINATION */
+
+.pagination {
+				float:left;
+        margin:15px 0;
+        height:26px;
+}
+
+.pagination span,
+.pagination em,
+.pagination a {
+        padding:0 4px;
+        vertical-align: middle;
+}
+
+.pagination .previous_page,
+.pagination .next_page {
+        width:130px;
+        height:26px;
+        display:inline-block !important;
+        padding:0;
+}
+
+.pagination .previous_page {
+        margin-right:5px;
+}
+
+.pagination .next_page {
+        margin-left:5px;
+}
+
+#fancybox-inner #main-form {
+        width:100%;
+}
+
+/* TAGS */
+
+#tags, #pending {
+        padding:9px;
+        float:left;
+        width:15%;
+        margin-bottom:20px;
+        clear:none;
+        height: 405px;
+        overflow:auto;
+}
+
+#tags ul {
+        padding-top:3px;
+}
+
+#tags a, div.tags a {
+        display:block;
+        margin:7px 0 0 0;
+        padding:8px 10px 8px 29px;
+}
+div.tags {
+        padding:9px;
+        margin: 10px 0;
+        clear:both;
+}
+
+div.tags li {
+         display:inline;
+}
+
+div.tags a {
+         display:inline-block;
+         margin:10px 5px 0 0;
+}
+
+#assets #content-table {
+        float:left;
+        width:78%;
+        margin:0 20px 10px 0;
+        min-width:717px;
+}
+#asset-browser #all-tags {
+  height: 450px;
+  width: 800px;
+  overflow: auto;
+}
+
+/* -------------- TABLE / ADMIN ICONS -------------- */
+
+a.page_up,
+a.page_down,
+a.delete,
+span.edit,
+span.delete,
+a.show,
+a.child,
+a.add,
+a.download,
+a.spam,span.spam {
+        width:26px;
+        height:26px;
+        display:block;
+        cursor:pointer;
+}
+
+a.delete,
+a.show,
+a.download,
+a.spam,span.spam  {
+        margin:auto;
+}
+
+td.child a.child-no{
+  white-space: no-wrap;
+}
+
+span.check,
+span.hidden {
+        width:26px;
+        height:26px;
+        display:block;
+        margin:auto;
+}
+
+a.edit {
+        padding:5px 40px 5px 0px;
+        cursor:pointer;
+        display:block;
+}
+
+a.child, a.download {
+        float:right;
+}
+
+a.child-no {
+        display:block;
+        float:left;
+        position:relative;
+        top:5px;
+        vertical-align:text-bottom;
+        width:100px;
+}
+
+.file a.show {
+        float:right;
+        margin:15px 10px 0 0;
+}
+
+/* SHOW IMAGE */
+
+#show-assets {
+        max-width:969px;
+        padding:10px 0 0;
+        clear:both;
+}
+
+#show-assets #image {
+        float:left;
+        margin:0 10px 10px 0;
+}
+
+#show-assets #info,
+#show-assets #no-tags {
+        float:left;
+        margin:0 10px 10px 0;
+        width:194px;
+        padding:9px 9px 0px;
+}
+
+#show-assets #no-tags,
+#show-assets #tags h2 {
+        margin:0 0 0 0;
+}
+
+#show-assets h2 {
+        margin-bottom:10px;
+        padding-bottom:10px;
+        border-bottom:1px solid #c2c2c2;
+}
+
+
+#show-assets #tags {
+        clear:none;
+        float:right;
+        margin:0;
+        width:186px;
+}
+
+/* -------------- SUB CONTENT -------------- */
+
+#sub-form {
+        float:left;
+        width:260px;
+        position:relative;
+        z-index:9;
+}
+
+#modules-list {
+        margin:9px 0 0;
+        display:block;
+        width:260px;
+        padding:9px;
+}
+
+#sub-form ol#slot-list li {
+        position:relative;
+}
+
+#sub-form ol#slot-list li a {
+        padding:10px 17px;
+        display:inline-block;
+}
+
+/* -------------- SLOT FANCYBOX -------------- */
+
+.component_form_wrap{
+  display:none;
+}
+
+.component_form {
+  height:500px;
+  overflow:hidden;
+  position:relative;
+  width:800px;
+}
+
+.component_buttons {
+  bottom:0;
+  height:80px;
+  position:absolute;
+  width:800px;
+}
+
+.component_form_detail {
+  height:318px;
+  overflow:auto;
+}
+
+.component_form_detail p{
+  position: relative;
+}
+
+
+.slot_tag {
+  display:block;
+  float:right;
+  min-height:22px;
+  padding:10px 0 5px 20px;
+  width:123px;
+}
+
+.multi-file-details {
+        float: left;
+        width: 400px;
+}
+.multi-file-files {
+        float:right;
+        margin-right:10px;
+        width:380px;
+}
+.multi-file-files ol {
+        overflow: visible;
+        height: 350px;
+}
+.multi-file-files ol li, div.file-form {
+        padding: 5px 0;
+        clear: both;
+}
+
+.file-selectable .file-detail {
+  float: left;
+  width: 70px;
+  padding: 3px;
+  margin-right: 5px;
+}
+.file-selectable .file-detail .file-title {
+  display: none;
+}
+
+.multi-file span.edit, .multi-file span.delete {
+  float: right;
+}
+
+/* -------------- JQUERY -------------- */
+
+/* TOOLTIP */
+
+.tooltip {
+        width:22px;
+        height:21px;
+        top:-5px;
+        right:20px;
+        z-index:999;
+        position:absolute;
+        display:block;
+        text-align:center;
+}
+
+#sub-form .tooltip {
+        right:-20px;
+        top:-5px;
+}
+
+th .tooltip {
+        display:block;
+        float:right;
+        height:16px;
+        position:relative;
+        text-align:center;
+        right:0px !important;
+        top:-2px !important;
+        width:22px;
+        z-index:999;
+}
+
+a.tooltip {
+        right:17px;
+        top:53px;
+}
+
+
+.tooltip-show {
+        position:absolute;
+        top:22px;
+        left:-170px !important;
+        display:none;
+        width:150px;
+        padding:10px;
+}
+
+#content-table .tooltip-show {
+  left:10px !important;
+}
+
+.hidden{
+  display:none;
+}
+
+/* Component Table */
+
+table.component-table {
+  width: 280px;
+  padding:9px;
+  margin-top:10px;
+}
+table.component-table td {
+  width: 25%;
+  min-height: 50px;
+  border: 4px solid white;
+  text-align: center;
+  background: white;
+}
+table.component-table td.empty {
+  height: 40px;
+}
+table.component-table td a {
+  display: block;
+  padding: 15px 0;
+}
+
+/* preview */
+
+#preview-pane iframe,
+#preview-pane {
+        width: 100%;
+        height: 100%;
+}
+
+#preview-pane {
+        display:none;
+}
+
+#fancybox-inner #preview-pane {
+         display:block;
+}
+
+/* --- tree ---- */
+
+#tree-browser {
+  width: 400px;
+  height: 400px;
+  padding: 10px;
+}
+
+ol.tree li {
+  margin: 2px 10px;
+  list-style-type: decimal;
+}
+
+ol.tree .expand, #parent-title {
+  cursor: pointer;
+}
+span.expand {
+  display: inline-block !important;
+  height: 15px;
+  width: 15px;
+  text-align:center;
+}
+
+/* --- new template -- */
+fieldset.template label img {
+  left:520px;
+  position:absolute;
+  top:20px;
+}
+
+#current-label {
+  margin-right:250px;
+}
+
+#current-label,
+#new-label {
+  font-size:14px;
+}
+
+#main-form fieldset.template {
+float:left;
+min-width:200px;
+}
+
+/* hack to give some blank padding between tinymce and beef cms icons */
+#node_body_assetbrowser{
+  margin-left:30px;
+}
+
+.dowload-form {
+  margin-top: 20px;
+}
+
+.dowload-form h2 {
+  margin-bottom: 20px;
+}
+
+li.multi-file span.file-title {
+  float:left;
+  margin-bottom: 10px;
+}
+
+li.multi-file .file-detail img {clear:both;float:left;}
+
+/*Advanced Sections*/
+.published-section,
+.position-section,
+.permissions-section,
+.version_message_section {
+  width: 356px;
+  float:left;
+}
+
+.position-section,
+.permissions-section,
+.version_message_section {
+  margin: 0 0 0 10px;
+}
+
+.permissions-section legend {padding-bottom: 5px;}
+
+.permissions-section fieldset {
+  margin: 0 !important;
+  min-width: 300px !important;
+  padding: 0 !important;
+}
+
+.permissions-section fieldset input {
+  margin-left:5px !important;
+  width: 98% !important;
+}
+
+#content form .position-section p {
+  min-width: 356px;
+  padding: 0 !important;
+}
+
+.version_message_section{
+  position: relative;
+  left: -10px;
+}
+
+.version_message_section p {
+  min-width: 356px !important;
+}
+
+/* -------------- Admin filtering -------------- */
+#form-filter {
+  float: right;
+  margin: 0px 0 10px 0;
+  width: 321px;
+}
+
+#form-filter form input[type="text"] {
+  float:left;
+  margin: 0 20px 0 0;
+  width: 200px;
+  background: none repeat scroll 0 0 #FFFFFF;
+  border: 1px solid #C2C2C2;
+  padding: 8px;
+}
+
+#form-filter form input[type="submit"] {
+  float:left;
+  width: 80px;
+  background: none repeat scroll 0 0 #93bf65;
+  border: 5px solid #659132;
+  padding: 5px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  color: #fff;
+  font-weight: bold;
+  text-transform:uppercase;
+  font-size: 10px;
+  text-shadow: 2px 2px 2px #659132;
+  filter: dropshadow(color=#659132, offx=2, offy=2);
+  margin: 0;
+}
+
+/* -------------- CLEARFIX -------------- */
+
+#header:after,
+#content:after,
+#topnav:after,
+.choices:after,
+#tags ul:after,
+.multi-file-files ol li:after,
+.file-selectable:after,
+ul.choices:after,
+#sub-form ol#slot-list li:after,
+.slot_tag:after,
+.breadcrumb:after {
+        content: ".";
+        display: block;
+        height: 0;
+        clear: both;
+        visibility: hidden;
+}
+/* -------------- SKIN (color, background etc) -------------- */
+
+
+body {
+        background:#fff;
+        color:#000;
+}
+
+/* -------------- HEADER -------------- */
+
+#header {
+        background:#232222;
+        color:#cecece;
+}
+
+#header h1 strong,
+#header a {
+        color:#fff;
+}
+/* -------------- MODULE FANCY BOX -------------- */
+
+#fancybox-topnav {
+        background:#4992c7;
+        color:#fff;
+        border-top:1px solid #336e8b;
+        height:45px;
+
+}
+#fancybox-topnav h1 {
+        text-align:left;
+        padding:14px 0 0 20px;
+}
+.component_buttons {
+        background:#232222;
+}
+
+/* ---------------- MODULE DIAGRAM --------------*/
+
+table.component-table {
+  background-color:#E9E9E9;
+  border:1px solid #C2C2C2;
+}
+table.component-table td {
+  border: 4px solid white;
+  background: white;
+}
+table.component-table td.content {
+  background:#eee;
+}
+
+table.component-table td a {
+  color: #FFF;
+  background: #C2C2C2;
+}
+table.component-table td a.filled {
+  background: #E47373;
+}
+
+/* -------------- NAVIGATION -------------- */
+
+ul#topnav {
+        background:#106bab;
+        color:#fff;
+        border-top:1px solid #336e8b;
+}
+
+ul#topnav li a {
+        color:#fff;
+}
+
+ul#topnav li a:hover {
+        background:#49a3e1;
+        color:#fff;
+}
+
+ul#topnav li {
+        border-left:1px dotted #49a3e1;
+}
+
+ul#topnav li:first-child {
+        border-left:none;
+}
+
+
+/* -------------- CONTENT -------------- */
+
+#content form .fixed-form {
+        background:#232222;
+        color:#fff;
+}
+
+#modules-list {
+        border:1px solid #c2c2c2;
+        background:#e9e9e9;
+}
+#template-wireframe{
+        display:block;
+        padding-top:3px;
+}
+
+#sub-form ol#slot-list {
+        border:1px solid #c2c2c2;
+        background:#fff;
+        list-style:decimal inside none;
+}
+
+ol#slot-list li {
+        padding-left:6px;
+        border-top:1px solid #c2c2c2;
+}
+
+#sub-form ol#slot-list li a {
+        padding:10px 17px 10px 0px !important;
+}
+
+#sub-form ol#slot-list li a {
+        color:#000;
+}
+
+#sub-form ol#slot-list li:first-child {
+        border-top:none;
+}
+
+#sub-form ol#slot-list li:hover {
+        background-color: #d4ecfc;
+}
+
+.slot_tag {
+        border-left:1px dotted #C2C2C2;
+        color:#9A9A9A;
+}
+
+div#content-table {
+        border:1px solid #c2c2c2;
+        background:#e9e9e9;
+}
+
+table.content {
+        border:1px solid #c2c2c2;
+        background:#fff;
+}
+
+table.content td{
+        color:#707070;
+}
+
+a.edit {
+        color:#106bab;
+}
+
+table.content td a.child-no,
+table.content td.file a {
+        color:#707070;
+}
+
+a.edit:hover,
+#info h2 {
+        color:#d4954c;
+}
+
+table.content td a.child-no:hover,
+table.content td.file a:hover {
+        color:#83b452;
+}
+
+
+table.content thead,
+table.content tfoot,
+table.content thead a,
+table.content tfoot a {
+        background: #4a4747;
+        color:#fff;
+}
+
+table.content tr.even {
+        background:#fff6d3;
+}
+
+table.content tbody tr:hover {
+        background:#e4edff;
+}
+
+table.content tr.active {
+        background:#bae8b4!important;
+}
+
+table.content th {
+        border-left:1px solid #686666;
+}
+
+table.content td {
+        border-left:1px solid #D3D3D3 !important;
+}
+
+table.content th:first-child,
+table.content td:first-child,
+table.content td.down {
+        border-left:none !important;
+}
+
+a.change {
+        background: url(/assets/admin/change.gif) no-repeat 0 0;
+        height:27px;
+        margin:5px 0 0px;
+        width:280px;
+}
+
+ul.choices li a {
+        color:#000;
+        background: url(/assets/admin/media.gif) no-repeat 0 0;
+}
+
+ul.choices li a.button {
+        background: url(/assets/admin/nav.gif) no-repeat 0 0;
+}
+
+ul.choices li a.up.button {
+        background: url(/assets/admin/nav-2.gif) no-repeat 0 -44px;
+}
+
+  ul.choices li a.up.button:hover  {
+          background-position:-122px -44px;
+  }
+
+ul.choices li a.button  {
+        background-position:0 0;
+}
+
+  ul.choices li a.button:hover  {
+          background-position:-122px 0;
+  }
+
+ul.choices li a.top.button  {
+        background-position:0 -44px;
+}
+
+  ul.choices li a.top.button:hover  {
+          background-position:-122px -44px;
+  }
+
+ul.choices li a.download.button  {
+        background-position:0 -88px;
+}
+
+  ul.choices li a.download.button:hover  {
+          background-position:-122px -88px;
+  }
+
+ul.choices li.upload a  {
+        background-position:0 -44px;
+}
+
+
+  ul.choices li.upload a:hover  {
+          background-position:-122px -44px;
+  }
+
+
+  ul.choices li.cancel a:hover{
+          background-position:-122px 0px;
+  }
+
+
+ul.choices li.action a  {
+        background-position:0 -220px;
+}
+
+  ul.choices li.action a:hover  {
+          background-position:-122px -220px;
+  }
+
+ul.choices li.images a  {
+        background-position:0 -88px;
+}
+
+  ul.choices li.images a:hover  {
+          background-position:-122px -88px;
+  }
+
+ul.choices li.videos a  {
+        background-position:0 -176px;
+}
+
+  ul.choices li.videos a:hover  {
+          background-position:-122px -176px;
+  }
+
+ul.choices li.back a  {
+        background-position:0 0;
+}
+
+  ul.choices li.back a:hover  {
+          background-position:-122px 0;
+  }
+
+ul.choices li.documents a  {
+        background-position:0 -132px;
+}
+
+  ul.choices li.documents a:hover  {
+          background-position:-122px -132px;
+  }
+
+ul.choices li a:hover {
+        cursor:pointer;
+}
+
+#tags, div.tags {
+        border:3px solid #c46f1c;
+        background:#e19449;
+}
+
+#tags a, div.tags a {
+        background:#fff url(/assets/admin/tag.png) no-repeat -3px -2px;
+        color:#000;
+}
+
+#tags a:hover, div.tags a:hover {
+        background-color:#C46F1C;
+        color:#fff;
+}
+
+/* PAGINATION */
+
+.pagination a, #tree-browser a {
+        color:#106bab;
+}
+
+.pagination a:hover {
+        color:#49a3e1;
+}
+
+.pagination span, .pagination em {
+        color:#686666;
+}
+
+.pagination .previous_page,
+.pagination .next_page {
+        background:url("/assets/admin/pagination.gif") no-repeat scroll;
+
+}
+
+.pagination a.previous_page {
+        background-position:0 0;
+}
+
+.pagination a.next_page {
+        background-position:-130px 0;
+}
+
+.pagination span.previous_page {
+        background-position:0 -26px;
+}
+
+.pagination span.next_page {
+        background-position:-130px -26px;
+}
+
+/* -------------- TABLE ICONS -------------- */
+
+a.edit, span.edit {
+        background:url(/assets/admin/edit.png) no-repeat right -4px;
+}
+
+  a.edit:hover, span.edit:hover {
+          background-position: right -370px;
+  }
+
+a.delete, span.delete {
+        background:url(/assets/admin/delete.png) no-repeat -1px -4px;
+}
+
+td.spam {
+  text-align: right;
+}
+
+td.spam.flagged {
+  background:url(/assets/admin/spam-flag.png) no-repeat 8px 8px;
+}
+
+a.download {
+  background:url(/assets/admin/download.png) no-repeat -1px -4px;
+}
+
+a.show {
+  background:url(/assets/admin/view.png) no-repeat -1px -4px;
+}
+
+a.page_up {
+  background:url(/assets/admin/up.png) no-repeat -1px -4px;
+}
+
+a.page_down {
+  background:url(/assets/admin/down.png) no-repeat -1px -4px;
+}
+
+span.check {
+  background:url(/assets/admin/check.png) no-repeat -1px -4px;
+}
+
+span.hidden {
+  background:url(/assets/admin/hidden.png) no-repeat -1px -4px;
+}
+
+a.child, a.add{
+  background:url(/assets/admin/add.png) no-repeat -1px -4px;
+}
+
+#asset-browser.multi a.add {
+  background:url(/assets/admin/select_image.gif) no-repeat 4px;
+}
+#asset-browser.multi a.add.selected {
+  background:url(/assets/admin/select_image.gif) no-repeat -22px;
+}
+a.delete:hover,
+span.delete:hover,
+a.page_up:hover,
+a.page_down:hover,
+a.child:hover,
+a.add:hover,
+a.download:hover,
+a.spam:hover
+ {
+        background-position: -1px -36px;
+}
+
+a.show:hover {
+        background-position: -2px -37px;
+}
+
+td.file:hover a.show {
+        background-position: -2px -37px;
+}
+
+td.file:hover {cursor:pointer;}
+
+th.sort a {
+          background:url(/assets/admin/sort.png) no-repeat right 1px !important;
+          padding:10px 42px 10px 0;
+}
+
+th.sort a:hover {
+          background-position: right -30px !important;
+          color:#49a3e1 !important;
+}
+
+.edit-item {
+          background:url(/assets/admin/edit.gif) no-repeat;
+          width:89px;
+          height:26px;
+          position:absolute;
+          right:2px;
+          top:2px;
+}
+
+/* -------------- TINY MCE -------------- */
+
+/* This overides the TinyMCE stylesheet */
+
+#content form p.tinymce {
+        min-width:543px;
+}
+
+a#node_body_mybutton img  {
+background-position:-180px -20px;
+}
+
+table#node_body_tbl,
+.defaultSkin iframe {
+        width:100% !important;
+}
+
+.defaultSkin td.mceToolbar {
+        padding:0 0 9px !important;
+}
+
+.defaultSkin table {
+        background:none !important;
+}
+
+.defaultSkin table.mceLayout tr.mceLast td,
+.defaultSkin table.mceLayout tr.mceFirst td,
+.defaultSkin table.mceLayout {
+        border:none !important;
+}
+
+.defaultSkin .mceIframeContainer {
+        border:1px solid #C2C2C2;
+}
+
+.defaultSkin .mceMenu table {background:#FFF !important;}
+
+/* --------------- ASSETS ----------------*/
+
+.file img,
+#image img,
+.file-selectable .file-detail {
+        border:1px solid #c2c2c2;
+        background:#e9e9e9 !important;
+}
+
+/* SHOW IMAGE */
+
+#image img {
+        display:block;
+}
+
+#show-assets #info,
+#show-assets #no-tags {
+        border:1px solid #c2c2c2;
+        background:#fff;
+}
+
+#show-assets #no-tags a {
+        color:#106bab;
+}
+
+#show-assets #no-tags a:hover,
+#show-assets #no-tags h2 {
+        color:#D4954C;
+}
+
+#tree-browser span.expand {
+   background:#82b452;
+   border:3px solid #548126;
+   color: #fff;
+}
+
+/* -------------- JQUERY and CSS3 -------------- */
+
+/* TOOLTIP */
+
+.new th,
+.show th {
+  cursor:help;
+}
+
+span.tooltip,
+#content form .fixed-form span.tooltip {
+        background:url(/assets/admin/info.png) no-repeat center center;
+        cursor:help;
+}
+
+a.tooltip,
+th .tooltip {
+        background:url(/assets/admin/info-white.png) no-repeat center center;
+}
+
+.tooltip-show {
+        color:#000;
+        background:#d4ecfc;
+        border:#60a0be 1px solid;
+}
+
+/*.tooltip-top {
+        background:url(/assets/admin/tooltip-top.png) no-repeat;
+}
+
+.tooltip-middle {
+        background:url(/assets/admin/tooltip-middle.png) repeat;
+}
+
+.tooltip-bottom {
+        background:url(/assets/admin/tooltip-bottom.png) no-repeat;
+}
+*/
+
+#pending {
+  background:#E47373;
+  border:3px solid #9C3B3B;
+  color:#fff;
+}
+#pending a {
+  color:#fff;
+  text-decoration: underline;
+}
+
+
+/* BORDER RADIUS */
+
+span.input-wrap,
+span.textarea-wrap,
+div#content-table,
+div#flash,
+.plupload_container,
+ul.choices li a,
+#tags,
+div.tags,
+#show-assets #info,
+#modules-list,
+.pagination .previous_page,
+.pagination .next_page,
+ul#topnav li a:hover,
+.file img,
+#image img,
+#tags a, div.tags a,
+#show-assets #no-tags,
+div#flash div,
+.select-file,
+span.done,
+table.component-table,
+#errorExplanation,
+.file-selectable .file-detail,
+#pending,
+.tooltip-show {
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        border-radius: 3px;
+}
+
+#fancybox-outer   {
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+}
+
+#tree-browser span.expand  {
+        -webkit-border-radius: 15px;
+        -moz-border-radius: 15px;
+        border-radius: 15px;
+}
+
+/* ------------- IMAGE REPLACEMENT  --------------- */
+
+
+.fixed-form a.cancel,
+.fixed-form a.preview,
+.fixed-form input.draft,
+.fixed-form input.cancel,
+.fixed-form input.publish,
+.fixed-form input.update,
+.fixed-form input.create,
+.fixed-form a.advanced,
+.fixed-form input.change,
+a.delete,
+span.edit,
+span.delete,
+a.page_up,
+a.page_down,
+a.show,
+a.add,
+span.check,
+span.hidden,
+a.child,
+.form-save,
+.form-delete,
+.form-reset,
+.add-multi-asset,
+.remove,
+.pagination .previous_page,
+.pagination .next_page,
+ul.choices li a,
+a.download,
+.edit-item,
+a.change,
+a.spam, span.spam,
+.fixed-form input#hide,
+#content form .fixed-form a#versions-button {
+        overflow: hidden;
+        text-align: left;
+        display: block;
+        line-height:0;
+        text-indent: -1000em;
+}
+
+/* ------------- STUFF TO BE TIDIED --------------- */
+
+.select-file, span.done {
+        background: #60A0BE;
+        border:2px solid #D4ECFC;
+        color: #fff;
+        font-weight: bold;
+        padding: 9px;
+        margin-right:5px;
+        display:inline-block;
+}
+
+.select-file:hover, span.done:hover {
+         background: #D4ECFC;
+         cursor: pointer;
+}
+
+.multi-file-files ol li {
+  border-top: 1px solid #c2c2c2;
+  background: white;
+}
+
+#image {
+  margin-top:32px;
+}
+
+a {
+  color:#106BAB;
+}
+
+a:hover {
+  color:#D4954C;
+}
+
+/*download button*/
+#content form input.download-button{
+  background:url("/assets/admin/nav.gif") no-repeat scroll 0 -88px transparent;
+  border:0 none;
+  color:#FFFFFF;
+  font-size:0;
+  height:50px;
+  text-align:right;
+  width:122px;
+}
+
+#content form input.download-button:hover {
+  background-position: -122px -88px;
+  cursor:pointer;
+}
+
+/*span liks*/
+.link-node, .link-asset {color: #60A0BE;}
+.link-node:hover, .link-asset:hover {color: #000; cursor: pointer;}
+
+
+/* BREADCRUMBS */
+.breadcrumb {
+    font-size: 12px;
+    color: #D3D3D3;
+    display: block;
+    clear:both;
+    margin: 0 0 20px 0;
+}
+.breadcrumb {
+    list-style-type: none;
+}
+
+.breadcrumb li {
+  float: left;
+  padding: 0 0 0 10px;
+  width: auto;
+
+}
+
+.breadcrumb li a:after{
+  content:" > ";
+}
+
+
+.breadcrumb li:first-child{
+  padding-left:0;
+}
+
+.breadcrumb li:first-child span.arrow{
+  display:none;
+}
+/* -------------- FONT FAMILY -------------- */
+
+
+body {
+  font-size: 62.5%;
+}
+
+body, textarea {
+  font-family: 'Arial', verdana, sans-serif;
+}
+
+/*#content h1, #header h1{
+}*/
+
+
+/* -------------- FONT SIZES -------------- */
+
+  /* 10px */
+  #tree-browser li li {
+    font-size:1.0em;
+  }
+
+  /* 11px */
+ul#status li,
+label,
+#content form legend,
+fieldset table th,
+ul.choices li,
+.tooltip-show,
+#tags a,
+#info a.edit,
+#sub-form h2,
+span.node-mover
+ {
+    font-size:1.1em;
+}
+
+  /* 12px */
+#header h1,
+.pagination,
+#info p,
+#no-tags p {
+    font-size:1.2em;
+  }
+
+  /* 13px */
+  {
+    font-size:1.3em;
+  }
+
+  /* 14px */
+#content form input,
+#content form textarea,
+ul#topnav li a,
+div.flash,
+#errorExplanation p,
+#errorExplanation li,
+div#content-table table.content td,
+div#content-table table.content th,
+table#versions-list th,
+table#versions-list td,
+#tags h2,
+#info h2,
+#no-tags h2,
+#sub-form ol#slot-list li,
+#fancybox-topnav h1,
+#tree-browser li {
+    font-size:1.4em;
+  }
+
+  /* 15px */
+#fancybox-inner legend,
+#pending  {
+    font-size:1.5em;
+}
+
+  /* 16px */
+#errorExplanation h2, .dowload-form h2  {
+    font-size:1.6em;
+  }
+
+  /* 17px */
+  {
+    font-size:1.7em;
+  }
+
+  /* 18px */
+  {
+    font-size:1.8em;
+  }
+
+  /* 19px */
+  {
+    font-size:1.9em;
+  }
+
+  /* 20px */
+h2.title
+  {
+    font-size:2.0em;
+  }
+
+  /* 21px */
+  {
+    font-size:2.1em;
+  }
+
+  /* 22px */
+  {
+    font-size:2.2em;
+  }
+
+  /* 23px */
+  {
+    font-size:2.3em;
+  }
+
+  /* 24px */
+  {
+    font-size:2.4em;
+  }
+
+  /* 36px */
+#content h1 {
+    font-size:3.6em;
+}
+
+
+
+div#form-fields table.content th,
+div#form-fields table.content td,
+div#form-fields table.content td input {
+  font-size:12px !important;
+}
+
+div#form-fields table.content th .tooltip-show {
+  font-size:11px !important;
+}
+
+/* -------------- FONT FAMILY -------------- */
+
+  /* Bold */
+ul#topnav li a,
+a.edit,
+table td.child a,
+table td.file a,
+ul.choices li a,
+#tags a, div.tags a,
+div#content-table table.content th,
+table#versions-list th,
+.pagination,
+#no-tags a,
+label,
+legend,
+#sub-form h2,
+#fancybox-topnav h1,
+#fancybox-inner legend,
+#errorExplanation,
+span.node-mover,
+div#flash a,
+#tree-browser span.expand  {
+    font-weight: bold;
+  }
+
+  /* Italic */
+  {
+    font-style: italic;
+  }
+
+  /* Underline */
+  {
+    text-decoration: underline;
+  }
+
+  /* Unordered List */
+  {
+    list-style-type: disc;
+  }
+
+  /* Ordered List */
+  {
+    list-style-type: decimal;
+  }
+
+
+  }
+
+  /* Uppercase */
+label,
+#sub-form h2,
+legend,
+span.node-mover {
+    text-transform: uppercase;
+  }
+
+  /* Normal */
+div#content-table table.content th span  {
+    text-decoration: none;
+    font-weight: normal;
+    font-style: normal;
+  }
+
+div#content-table table.content td.file {
+    text-align:center;
+}
+
+/* -------------- LINE HEIGHT -------------- */
+
+#info p {
+  line-height:16px;
+}
+
+/* -------------- LETTER SPACING -------------- */
+
+
+
+/* -------------- WORD SPACING -------------- */
+
+/* -------------- Forms (inputs, textareas etc) -------------- */
+
+
+label,
+#sub-form h2 {
+          color:#106bab;
+          display:block;
+          margin-bottom:5px;
+          /*padding-left:10px;*/
+}
+
+#fancybox-inner label,
+.show-advanced label {
+          display:inline-block;
+}
+
+#main-form label {
+          margin-bottom:-5px;
+}
+
+#main-form fieldset.template label {
+  margin-bottom:0px;
+  float:none;
+  display:block;
+}
+
+.change_template #main-form label {
+          margin-bottom:0px;
+}
+
+span.input-wrap {
+          display:block;
+          border:1px solid #c2c2c2;
+          background:#e9e9e9;
+
+          padding:9px 31px 9px 9px;
+}
+
+.component_form_detail span.input-wrap,
+#open_days span.input-wrap {
+          display:inline-block;
+          padding:9px 9px 9px 9px;
+}
+
+#content form p span.textarea-wrap,
+.plupload_container {
+          display:block;
+          border:1px solid #c2c2c2;
+          background:#e9e9e9 !important;
+          position:relative;
+          padding:9px 9px 9px 9px;
+          min-width:523px;
+}
+
+#fancybox-inner legend {
+  padding-bottom: 10px;
+}
+
+#content form legend {
+
+          color:#106bab;
+}
+
+fieldset table th {
+          color:#fff;
+          padding-bottom:10px;
+}
+
+#main-form fieldset {
+          position:relative;
+          min-width:543px;
+          padding-right:20px;
+          clear:both;
+}
+
+
+
+
+
+#content form .fixed-form div.permissions-section,
+#content form .fixed-form div.position-section p {
+  position: relative !important;
+  display: block !important;
+}
+
+#content form .fixed-form div.permissions-section fieldset{
+  position:static !important;
+}
+
+#content form .fixed-form span.tooltip {
+  top:-4px !important;
+  right: 0px !important;
+  display: block !important;
+  position: absolute !important;
+  left: auto !important;
+}
+
+
+#form-fields fieldset p span.tooltip {
+          left:116px;
+          top:-4px;
+}
+
+fieldset table input {
+          margin-bottom:9px;
+}
+
+#content form input,
+#fancybox-inner input {
+          border:1px solid #c2c2c2;
+          background:#fff;
+          width:100%;
+          padding:8px 10px;
+}
+
+div#form-fields table input {
+          width:100%;
+          padding:8px 5px;
+}
+
+
+.new div#content-table table.content th,
+.show div#content-table table.content th {
+          color:#fff !important;
+}
+
+#content form input[type="radio"] {
+          width:auto;
+          border:none;
+          padding:0;
+}
+
+.change_template #main-form label {
+  display:block;
+  float:none;
+}
+
+#content form textarea,
+#fancybox-inner textarea {
+          border:1px solid #c2c2c2;
+          background:#fff;
+          width:100%;
+          padding:8px 10px;
+          line-height:20px;
+}
+
+#content form textarea.description {
+  height: 200px;
+}
+
+#fancybox-inner input, #fancybox-inner textarea {
+  width: 320px;
+}
+
+.multi-file-details {
+  width: 350px;
+}
+
+#content form textarea#asset_description,
+#content form textarea#node_description {
+          height:100px;
+}
+
+#content form p, .fixed-form fieldset fieldset {
+          clear:both;
+          margin:0 0 20px;
+          padding:0 20px 0 0;
+          min-width:543px;
+          position:relative;
+}
+
+#forms #content form p {
+          width:543px;
+}
+
+#content form p.template {
+          display:inline-block;
+          min-width:204px;
+}
+
+.form-save, .form-reset, .form-delete {
+        background:url(/assets/admin/set.gif) no-repeat;
+        margin:27px;
+        width:110px;
+        height:26px;
+        cursor:pointer;
+       float:left;
+}
+
+.form-reset {
+       background:url(/assets/admin/cancel-small.gif) no-repeat;
+       float:right;
+       margin:27px 0;
+}
+
+.form-delete {
+       background:url(/assets/admin/clear.gif) no-repeat;
+       float:right;
+}
+
+.add-multi-asset {
+        background:url(/assets/admin/add_file.gif) no-repeat;
+        overflow: hidden;
+        width:110px;
+        height:26px;
+        cursor:pointer;
+}
+
+p.add-multi-asset span{
+  display:none;
+}
+
+.remove {
+        background:url(/assets/admin/remove.gif) no-repeat;
+        overflow: hidden;
+        width:110px;
+        height:26px;
+        cursor:pointer;
+}
+
+p.remove span{
+  display:none;
+}
+
+#content form .fixed-form span {
+          background:none;
+          border:none;
+}
+
+#content form .fixed-form #buttons input, #content form .fixed-form a.preview, #content form .fixed-form input.update {
+          border:none;
+          padding:0px;
+          cursor:pointer;
+          position:absolute;
+}
+
+#content form .fixed-form input.publish {
+          background:url(/assets/admin/publish.gif) no-repeat;
+          width:160px;
+          height:56px;
+          top:20px;
+          position:absolute;
+          border:none;
+          left:20px;
+}
+
+#content form .fixed-form input.create {
+          background:url(/assets/admin/create.gif) no-repeat;
+          width:160px;
+          height:56px;
+          top:20px;
+          left:20px;
+          border:none;
+          position:absolute;
+          cursor:pointer;
+}
+
+#content form .fixed-form input.update {
+          background:url(/assets/admin/update.gif) no-repeat;
+          width:160px;
+          height:56px;
+          top:20px;
+          left:20px;
+          border:none;
+          position:absolute;
+}
+
+#content form .fixed-form input.change {
+          background:url(/assets/admin/change-bg.gif) no-repeat;
+          width:160px;
+          height:56px;
+          top:20px;
+          left:20px;
+          border:none;
+          position:absolute;
+}
+
+#content form .fixed-form a.preview {
+          background:url(/assets/admin/preview.gif) no-repeat;
+          width:110px;
+          height:26px;
+          left:190px;
+          top:20px;
+          border:none;
+          position:absolute;
+}
+
+#content form .fixed-form a#versions-button {
+          background:url(/assets/admin/versions.gif) no-repeat;
+          width:110px;
+          height:26px;
+          left:440px;
+          top:20px;
+          border: none;
+          position:absolute;
+}
+
+
+#content form .fixed-form input.draft {
+          background:url(/assets/admin/draft.gif) no-repeat;
+          width:110px;
+          height:26px;
+          left:305px;
+          top:20px;
+          border:none;
+          position:absolute;
+
+}
+
+.fixed-form input#hide {
+          background:url(/assets/admin/hide.gif) no-repeat;
+          width:160px;
+          height:56px;
+          cursor:pointer;
+          border: none;
+          position:absolute;
+          top:20px;
+          right:200px;
+}
+
+.fixed-form a.cancel, .fixed-form a.delete {
+          background:url(/assets/admin/cancel.gif) no-repeat;
+          width:160px;
+          height:56px;
+          cursor:pointer;
+           border:none;
+          position:absolute;
+          top:20px;
+          right:20px;
+}
+
+.fixed-form a.delete {
+          background:url(/assets/admin/delete.gif) no-repeat;
+          top:20px;
+          right:240px;
+}
+
+legend {
+  padding-bottom:10px;
+}
+
+body.edit .fixed-form a.cancel,
+body.new .fixed-form a.cancel {
+          right:50px;
+}
+
+.fixed-form #advanced {
+        padding:15px 0 10px 0;
+        border-top:1px solid #3e3c3c;
+        float:left;
+        clear:both;
+        width:100%;
+}
+
+.fixed-form .show-advanced {
+          padding:90px 20px 0 20px !important;
+          display:block;
+          color:#fff;
+}
+
+
+#content form .fixed-form legend.advanced,
+#content form .fixed-form a.advanced {
+        background:url(/assets/admin/advanced.gif) no-repeat left top;
+        cursor:pointer;
+        height:26px !important;
+        left:190px;
+        overflow:hidden;
+        padding-bottom:0;
+        position:absolute !important;
+        top:50px;
+        width:225px !important;
+/*        padding-right: 225px;
+        padding-top: 22px;*/
+}
+
+#content form .fixed-form legend.open,
+#content form .fixed-form a.open {
+          background-position: left bottom;
+}
+
+legend span{
+  display:none;
+}
+
+
+#content form .fixed-form label,
+p.select_component label,
+span.node-mover,
+.fixed-form legend {
+          color:#979797 !important;
+}
+
+#content form .fixed-form span.input-wrap,
+p.select_component span.input-wrap {
+          color:#fff;
+          background:#686666;
+          border:3px solid #4A4747;
+}
+
+#parent-title {
+          width:310px;
+          font-size:12px;
+          position:relative;
+          margin-top:5px;
+          min-height: 14px;
+}
+
+p.select_component {
+    background:#232222;
+    margin-bottom:10px;
+    padding:10px 27px 15px;
+}
+
+/* -------------- ERROR MESSAGES -------------- */
+
+div#flash {
+          margin:20px 20px 0px 20px;
+}
+
+div#flash div {
+          padding:13px 10px 13px 50px;
+          color:#fff;
+}
+
+div#flash div.notice {
+          background:#82b452 url(/assets/admin/check.png) no-repeat 10px 5px;
+          border:3px solid #548126;
+}
+
+div#flash div.error {
+          background:#E47373 url(/assets/admin/delete.png) no-repeat 10px 5px;
+          border:3px solid #9C3B3B;
+          color:#fff;
+}
+
+div#flash div.alert {
+          background: #E19449;
+          border:3px solid #C46F1C;
+          color:#fff;
+}
+
+
+
+div#flash a {
+  color:#fff;
+}
+
+#errorExplanation {
+          background:none repeat scroll 0 0 #E47373;
+          border:3px solid #9C3B3B;
+          color:#9C3B3B;
+          margin-bottom:20px;
+          padding:9px;
+}
+
+a, button, input[type="select"] {
+  cursor:pointer;
+}
+
+/* -------------- JQUERY TRANSFROM -------------- */
+
+p.template span.input-wrap {
+          display:inline-block !important;
+          padding:9px !important;
+}
+
+p.published span.input-wrap {
+          display:inline-block !important;
+          padding:9px 9px 7px 9px !important;
+          color:#E9E9E9;
+}
+
+.jqTransformSelectWrapper {
+          position:relative;
+          height:27px;
+          background: #fff;
+          border:1px solid #C2C2C2;
+          padding:0 5px 0 0;
+}
+
+p.published .jqTransformSelectWrapper {
+          display:inline-block;
+}
+
+.jqTransformSelectWrapper div span {
+          color:#000;
+          font-size:14px;
+          position: absolute;
+          white-space: nowrap;
+          padding: 5px 10px !important;
+          overflow: hidden;
+          cursor:pointer;
+}
+
+
+a.jqTransformSelectOpen {
+          display: block;
+          position: absolute;
+          right: 0px;
+          width: 32px;
+          height: 27px;
+          background: url(/assets/admin/forms/select-right.gif) no-repeat center top;
+}
+
+p.template .jqTransformSelectWrapper ul {
+          overflow:hidden !important;
+          height:auto !important;
+}
+
+p.published .jqTransformSelectWrapper ul {
+          overflow:scroll !important;
+          height:100px !important;
+}
+
+.jqTransformSelectWrapper ul {
+          background: #fff;
+          border:1px solid #C2C2C2;
+          display:none;
+          left:-1px;
+          list-style:none outside;
+          position:absolute;
+          top:27px;
+          width:100% !important;
+}
+
+.jqTransformSelectWrapper ul li:first-child {
+          padding: 5px 10px;
+          height:14px;
+}
+
+.jqTransformSelectWrapper ul li a {
+          display: block;
+          padding: 5px 10px;
+          text-decoration: none;
+          color:#000;
+          font-size:14px !important;
+          line-height:20px;
+}
+
+.jqTransformSelectWrapper ul li a.selected {
+          font-weight:bold;
+          color:#4992c7;
+}
+
+.jqTransformSelectWrapper ul li:hover {
+          background-color: #d4ecfc;
+}
+
+.fixed-form .jqTransformSelectWrapper  {
+          border:1px solid #111010;
+}
+
+.fixed-form a.jqTransformSelectOpen  {
+          background:url("/248
+") no-repeat center top;
+}
+
+.fixed-form .jqTransformSelectWrapper ul li a.selected {
+          font-weight:bold;
+          color:#111010;
+}
+
+.fixed-form .jqTransformSelectWrapper ul li:hover {
+          background-color: #cdcdcd;
+}
+
+fieldset.template label {
+  float: left;
+  padding: 4px;
+}
+
+.jqTransformHidden {
+          display: none;
+}
+/* ...
+*/
+