refinerycms 0.9.0

data/public/javascripts/wymeditor/skins/refinery/skin.js

@@ -0,0 +1,40 @@
+WYMeditor.SKINS['refinery'] = {
+
+    init: function(wym) {
+
+        //render following sections as panels
+/*        jQuery(wym._box).find(wym._options.classesSelector)
+          .addClass("wym_panel"); */
+
+        //render following sections as buttons
+        jQuery(wym._box).find(wym._options.toolsSelector)
+          .addClass("wym_buttons");
+
+        //render following sections as dropdown menus
+ /*       jQuery(wym._box).find(wym._options.classesSelector)
+          .addClass("wym_dropdown")
+          .find(WYMeditor.H2)
+          .append("<span>&nbsp;&gt;</span>");
+*/
+        // auto add some margin to the main area sides if left area
+        // or right area are not empty (if they contain sections)
+        jQuery(wym._box).find("div.wym_area_right ul")
+          .parents("div.wym_area_right").show()
+          .parents(wym._options.boxSelector)
+          .find("div.wym_area_main")
+          .css({"margin-right": "155px"});
+
+        jQuery(wym._box).find("div.wym_area_left ul")
+          .parents("div.wym_area_left").show()
+          .parents(wym._options.boxSelector)
+          .find("div.wym_area_main")
+          .css({"margin-left": "155px"});
+
+        //make hover work under IE < 7
+        jQuery(wym._box).find(".wym_section").hover(function(){
+          jQuery(this).addClass("hover");
+        },function(){
+          jQuery(this).removeClass("hover");
+        });
+    }
+};

data/public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent: *
+Disallow: /admin/

data/public/stylesheets/application.css.example

@@ -0,0 +1,76 @@
+/* default refinery css */
+body {
+    background: #E1E1E1;
+    
+}
+#page {
+    background: white;
+    padding: 20px;
+    width: 1000px;
+    margin: 0px auto;
+}
+#header {
+    height: 71px;
+    margin-bottom: 10px;
+}
+#header h1 {
+    float: left;
+}
+#menu {
+    list-style: none;
+    float: right;
+    margin-top: 20px;
+}
+#menu li {
+    float: left;
+    margin: 0px 9px;
+}
+
+#menu li a {
+    font-size: 18px;
+}
+
+#footer {
+    margin-top: 12px;
+    font-size: 11px;
+}
+
+#body_content_left {
+    float: left;
+    width: 600px;
+}
+#body_content_right {
+    float: right;
+    margin: 0px 12px;
+    width: 360px;
+}
+
+.inquiries form label {
+    width: 150px;
+    float: left;
+}
+.inquiries form input {
+    
+}
+.inquiries form input, .inquiries form textarea {
+	
+}
+.inquiries form textarea {
+	
+}
+.inquiries form .actions {
+    margin-left: 150px;
+}
+
+.inquiries form .actions input {
+}
+
+.inquiries .field {
+    margin: 12px 0px;
+}
+
+.inquiries form {
+    padding-top: 12px;
+}
+
+/* put your main css here */

data/public/stylesheets/formatting.css.example

@@ -0,0 +1,86 @@
+/* basic formatting styles */
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 14px;
+}
+#header h1 a {
+    text-decoration: none;
+}
+a, a:visited {
+    color: #1A2DE1;
+}
+h1 {
+    font-size: 24px;
+}
+h2 {
+    font-size: 14px;
+}
+#menu a {
+    text-decoration: none;
+}
+#menu li.selected a, #menu a.on, #menu a:hover {
+	text-decoration: underline;
+}
+#menu li.selected ul li a {
+	text-decoration: none;
+}
+#menu li ul li.selected a, #menu li ul li a.on, #menu li ul li a:hover {
+	text-decoration: underline;
+}
+.inquiries .message_field label {
+	vertical-align: top;
+}
+
+/* Default error colouring */
+
+div.fieldWithErrors {
+    display: inline;
+}
+
+#errorExplanation {
+	border-top: 3px solid #F27F7F;
+	background: #FFBEBE;
+	padding: 10px;
+}
+
+#errorExplanation, #errorExplanation *, .fieldWithErrors, .fieldWithErrors * {
+	color: #9C2626;
+}
+
+/* Browser Hacks */
+
+/* remove borders from images */
+
+a img {
+    border: 0px none;
+}
+
+/*
+Firefox Dotted Line Fix
+  - http://sonspring.com/journal/removing-dotted-links
+*/
+a:focus {
+	outline: none;
+}
+
+/*
+Clearfix docs
+ - Main docs: http://positioniseverything.net/easyclearing.html
+ - IE7 change: http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
+*/
+.clearfix:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+.clearfix {
+	display: inline-block;
+}
+
+/* Hide from IE Mac \*/
+.clearfix {
+	display:block;
+}
+/* End hide from IE Mac */

data/public/stylesheets/home.css.example

@@ -0,0 +1,27 @@
+/* refinery default styles */
+#featured_image {
+    width: 587px;
+    height: 444px;
+    background: #BCCED8;
+}
+#featured_item {
+    margin-top: 48px;
+    background: #E1E1E1;
+    padding: 10px;
+}
+#featured_item h2 {
+    margin: 11px 0px 27px 0px;
+}
+#featured_item_text {
+    width: 180px;
+    margin-right: 20px;
+    float: left;
+}
+#featured_item_image {
+    height: 134px;
+    width: 134px;
+    background: #BCCED8;
+    float: left;
+}
+
+/* place styles relevant to only the homepage here */

data/public/stylesheets/lightbox.css

@@ -0,0 +1,27 @@
+#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
+#lightbox img{ width: auto; height: auto;}
+#lightbox a img{ border: none; }
+
+#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
+#imageContainer{ padding: 10px; }
+
+#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
+#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
+#imageContainer>#hoverNav{ left: 0;}
+#hoverNav a{ outline: none;}
+
+#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
+#prevLink { left: 0; float: left;}
+#nextLink { right: 0; float: right;}
+#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
+#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }
+
+#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
+
+#imageData{	padding:0 10px; color: #666; }
+#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
+#imageData #caption{ font-weight: bold;	}
+#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
+#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
+
+#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

data/public/stylesheets/overlabel.css

@@ -0,0 +1,21 @@
+div.overlabel-field {
+  position:relative;
+  float:left;
+  margin-right:3px;
+}
+
+label.overlabel {
+  position:absolute;
+  top:3px;
+  left:5px;
+  z-index:1;
+  color:#999;
+}
+
+label.overlabel-apply {
+    position:absolute;
+    top:3px;
+    left:5px;
+    z-index:1;
+    color:#999;
+}

data/public/stylesheets/refinery.css

@@ -0,0 +1,1036 @@
+* {
+	color: #41403C;
+	font-family: Arial;
+	font-size: 13px;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	font: 10px/1.5em Verdana;
+	background: black url('/images/refinery/page_bg.png') repeat;
+}
+
+div.login {
+	width: 300px !important;
+}
+
+div.login h1 {
+	margin: 0; 
+	padding: 5px; 
+	font-size: 20px; 
+	text-align: center;
+	line-height:22px
+}
+
+acronym {
+	cursor: help;
+}
+
+#actions {
+	float: right;
+	width: 36.1%;
+	padding-left: 15px;
+}
+
+#records {
+	float: left;
+	width: 60.6%;
+	padding-right: 15px;
+}
+
+#actions ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#actions li a {
+	background-color:#F6F5F4;
+	background-position: 12px;
+	background-repeat: no-repeat;
+	border:1px solid #B7B7A8;
+	display:block;
+	padding:9px 12px 9px 36px;
+}
+#actions li a:hover {
+	text-decoration: underline;
+}
+
+#actions li {
+	margin-top: 10px;
+}
+
+#sort-status {
+	padding: 5px 5px 5px 0px;
+}
+
+hr {
+	border: 0;
+	border-top: 1px solid #484743;
+}
+
+.form-actions {
+	margin-top: 10px;
+}
+
+.actions img {
+	border: none;
+}
+
+.actions a, .actions a:hover {
+	border: none;
+	text-decoration: none;
+}
+
+.errorExplanation {
+	background: 7px 10px no-repeat url('/images/refinery/icons/cancel.png') #FFB1B1;
+	padding: 0px 5px 5px 30px;
+	font-weight: bold;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	border: 1px solid red;
+}
+
+.errorExplanation h2 {
+	color: red;
+	text-transform: none;
+	display: none;
+}
+
+.errorExplanation p {
+	font-weight: normal;
+}
+
+.fieldWithErrors input, .fieldWithErrors textarea {
+	border: 1px solid red;
+	background-color: #FFECF0;
+}
+
+#flash {
+	width: 545px;
+}
+.login #flash {
+	width: 230px;
+}
+#message, #flash {
+	padding: 8px 8px 8px 30px;
+	margin-bottom: 5px;
+}
+
+.flash_notice {
+	border: 1px solid #00A017;
+	color: #00A017;
+	background: 7px 7px no-repeat url('/images/refinery/icons/accept.png') #E0F5E0;
+}
+
+.flash_notice, .flash_notice * {
+	color: #00A017;
+}
+
+.flash_error {
+	border: 1px solid #A00027;
+	color: #A00027;
+	background: 7px 7px no-repeat url('/images/refinery/icons/cancel.png') #FFB1B1;
+}
+
+a {
+	color: #41403C;
+	text-decoration: none;
+	border-bottom: 1px dotted #727272;
+}
+
+.splash #content {
+	background: url('/images/refinery/admin_bg.png') repeat-y;
+}
+#content h1 {
+	font-size: 18px;
+	font-weight: lighter;
+	text-align: center;
+	border-bottom: 1px solid #99998B;
+	padding-bottom: 10px;
+}
+
+.less-important {
+	color: #727272;
+}
+
+#header a, #administration_tabnav a, #submenu a {
+	border: 0px;
+}
+
+a:hover {
+	color: #000;
+	border-bottom: 1px solid #727272;
+}
+
+#page {
+	margin: 0px auto 10px auto;
+	text-align: left;
+	width: 990px;
+	background: #f6f5f4;
+}
+
+#header ul#menu {
+	display: block;
+	margin: 0;
+	padding: 32px 15px 0 0;
+}
+
+#header ul#menu li#logout {
+	float: right;
+}
+
+#header	li {
+	float: left;
+	margin-right: 2px;
+	list-style: none;
+}
+
+#header li a {
+	display: block;
+	padding: 9px 12px;
+	font-size: 14px;
+	background-color: #c2c2b3;
+	margin-top: 6px;
+}
+
+#header li a:hover {
+	background-color: #deded9;
+}
+
+#header li a.active {
+	background-color: #f6f5f4;
+	padding: 12px;
+	margin-top: 0px;
+}
+
+#content {
+	padding: 15px;
+}
+
+pre {
+	margin: 0;
+	padding: 0;
+}
+
+.clearfix:after {
+	content: "."; 
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+.preview {
+	color: #A3A093;
+}
+
+#header {
+	background: url('/images/refinery/header_background.png') #50504B repeat-x bottom;
+	padding: 26px 15px 0 15px;
+	position: relative;
+}
+
+#site_link {
+	display: block;
+	color: #C2C2B3;
+	float: left;
+	
+}
+
+#site_link:hover {
+	text-decoration: underline;
+}
+
+#list_actions {
+
+}
+
+#header #logo {
+	position: absolute;
+	right: 20px;
+	top: 25px;
+}
+
+#header h1 {
+	color: white;
+	font-size: 20px;
+	font-weight: normal;
+	margin-bottom: 0;
+	padding-bottom: 4px;
+	margin-top: 0;
+}
+
+#header p {
+	color: white;
+	font-size: 90%;
+	padding: 0;
+	margin: 0;
+}
+
+#footer {
+	display: block; background: #CDCCBB; text-align: right; padding-right: 5px; 
+}
+
+#footer a {
+	font-size: 100%;
+}
+
+#footer, #footer * {
+	color: #99998B;
+	font-size: 85%;
+}
+
+#submenu {
+	clear: both;
+	padding-left: 10px; 
+	background: url('/images/refinery/nav-3-background.gif') #EFEE8 repeat-x bottom;
+}					
+
+#submenu ul {
+	list-style: none;
+	margin: 0;
+	padding: 0 0 0 10px;
+}
+
+#submenu li {
+	float: left;
+}
+
+#submenu li a {
+	display: block;
+	padding: 6px;
+}
+
+#submenu2 {
+	margin-left: 10px;
+	margin-right: 12px;
+}
+
+#submenu a {
+	color: #727272;
+	text-decoration: none;
+}
+
+.filter {
+	float: right;
+}
+
+#records ul {
+	list-style: none;
+	margin-left: 0;
+	padding-left: 0;
+}
+
+#records li {
+	padding: 5px;
+	vertical-align: top;
+	margin-bottom: 2px;
+}
+
+#records .left-column {
+	float: left;
+	width: 65%;
+}
+
+#records .left-column img {
+	vertical-align: bottom;
+	margin-top: 1px;
+	margin-right: 5px;
+}
+
+#records .right-column {
+	float: right;
+	width: 34%;
+	text-align: right;
+}
+
+#records .on {
+	background-color: #E6E5DC !important;
+}
+#records .off {
+	background-color: #f6f5f4 !important;
+}
+
+#records .on-hover, #pagination ul a:hover, #pagination .on {
+	background: url('/images/refinery/hover-gradient.jpg') repeat-x bottom #D4D4C6
+}
+#records ul.empty {
+	display: none;
+}
+
+/* order of specificity: class rules need to be ruled important otherwise id based rules override them */
+.tree ul li ul {
+	padding: 0;
+}
+
+.tree ul li {
+	margin: 0 !important;
+	padding: 5px 0 0 40px !important;
+	background: url('/images/refinery/branch.gif') no-repeat 15px 0px;
+}
+
+.tree .on-hover, #pagination ul.tree a:hover, #pagination .tree .on {
+	background: url('/images/refinery/branch.gif') no-repeat 15px 0px;
+}
+
+.tree ul li.branch_start {
+	background-image: url('/images/refinery/branch-start.gif');
+}
+.tree ul li.branch_end {
+	background-image: url('/images/refinery/branch-end.gif');
+}
+
+.tree li span.spacing {
+	display: none;
+}
+.reordering .hover {
+	height: 300%;
+	display: block;
+}
+
+.reordering {
+	margin: 0;
+	padding: 0;
+}
+
+.reordering li ul{
+	padding: 6px 10px 0px 40px !important;
+}
+
+.reordering ul.empty {
+	margin: 0;
+	display: block !important;
+}
+
+ul.reordering li {
+	background: #E6E5DC !important;
+	cursor: move;
+	border: 1px solid #b7b7a8;
+	line-height: 16px;
+	margin-bottom: 2px !important;
+	padding: 3px 0px 0px 3px !important;
+}
+.reordering .actions {
+	display: none !important;
+}
+.reordering li span.spacing {
+	display: block;
+}
+
+#content h2 {
+	font-size: 140%;
+	color:#41403C;
+	margin-bottom: 15px;
+	margin-top: 10px;
+}
+
+.pagination {
+	background-color: #C9DAE2;
+	padding: 7px;
+	margin: 10px 0px;
+}
+
+.pagination .disabled {
+	color: #A8B9C1;
+}
+
+.pagination a, .current, .disabled	{
+	padding: 7px;
+	line-height: 20px;
+	border: none;
+}
+
+.pagination .current, .pagination a:hover {
+	background: #A8B9C1;
+}
+
+#dialog-form-actions .pagination {
+	margin: -4px 6px -4px 0px;
+	float: right;
+	width: auto;
+}
+#dialog-form-actions .pagination a, #dialog-form-actions .pagination .current, #dialog-form-actions .pagination .disabled {
+	line-height: 15px;
+}
+
+textarea {
+	line-height: 20px;
+}
+
+label {
+	font-size: 90%;
+	margin-bottom: 5px;
+	display: block;
+}
+
+textarea, select { 
+	padding: 5px;
+}
+
+.field-couple {
+	margin-bottom: 20px;
+}
+
+.submit {
+	border: auto;
+	width: auto;
+	height: 25px;
+}
+
+label {
+	font-size: 110%;
+	margin-bottom: 5px;
+	font-weight: bold;
+	margin-top: 20px;
+}
+
+label.input_label {
+	font-size: inherit;
+	margin-bottom: inerhit;
+	display: inline;
+	font-weight: normal;
+	margin-top: inherit;
+}
+
+small label {
+	font-size: inherit;
+	font-weight: inherit;
+	display: inherit;
+}
+
+label.stripped {
+	float: none;
+	display: inline;
+	font-weight: normal;
+	font-size: 1em;
+	margin: 0px;
+	padding: 0px;
+}
+
+.form-actions {
+	background-color: white;
+	padding: 10px;
+	border: 1px solid #CCC;
+}
+
+#body_field {
+	float: left;
+	width: 60%;
+}
+
+.no_side_body {
+	width: 72% !important;
+}
+
+#side_body_field {
+	float: left;	
+	width: 38%; 
+	margin-left: 18px;
+}
+
+#body_field textarea, #side_body_field textarea {
+	width: 99%;
+}
+
+.record .title span {
+	line-height: 30px;
+}
+#records	.actions {
+	float: right;
+	width: 120px;
+	text-align: right;
+	display: block;
+}
+
+.tree .actions {
+	margin-top: -6px;
+}
+
+.published {
+	width: 25px;
+	text-align: center;
+}
+
+.actions a {
+	display: block;
+	float: right;
+	margin: 3px;
+	line-height: 16px;
+}
+.actions a * {
+	padding: 4px;
+}
+
+.actions a:hover {
+	color: #E6E5DC;
+	background: #3F3E3A;
+}
+
+.actions a.cancel {
+	color: #AF0027;
+}
+
+.actions a.cancel:hover {
+	color: white;
+	background: #AF0027;
+}
+
+.actions a.reorder_anchor:hover {
+	background: inherit !important;
+	cursor: move;
+}
+
+#other_records {
+	width: 68%;
+}
+
+#recent_activity {
+	border-collapse: collapse;
+	width: 100%;
+}
+
+#recent_activity td {
+	padding: 5px;
+}
+
+#recent_activity tr.on {
+	background: #E6E5DC;
+}
+
+#common_actions {
+	margin: 0;
+	padding: 0;
+}
+
+#common_actions li {
+	margin: 0;
+	list-style: none;
+	padding: 5px 0px 5px 0px;
+}
+
+#common_actions li a {
+	font-weight: bold;
+}
+
+.larger {
+	font-size: 200%;
+}
+
+#actions a img {
+	vertical-align: bottom;
+	border: 0;
+}
+
+.brown_border {
+	border: 1px solid #99998B;
+}
+
+#inquiry {
+	border-collapse: collapse;
+	width: 100%;
+}
+
+#inquiry td {
+	border-bottom: 1px solid #99998B;
+	padding: 7px;
+}
+
+body.dialog {
+	background: #FFF;
+}
+
+body.dialog, body.wym_dialog {
+	text-align: left;
+}
+
+#wym_hide_fields {
+	display: none;
+}
+
+body.dialog #dialog_main {
+	background: #f6f5f4;
+}
+
+body.dialog span.selected_radio {
+	background: #f6f5f4;
+}
+body.dialog form {
+	width: 100% !important;
+}
+.dialog span.radio {
+	display: block;
+	line-height: 36px;
+	height: 36px;
+}
+
+.dialog span.radio * {
+	cursor: pointer;
+	font-weight: bold;
+}
+
+.dialog #dialog_menu_left {
+	width: 130px;
+	float: left;
+	margin-top: 9px;
+}
+
+.dialog #dialog_main {
+	float: left;
+	min-height: 415px;
+	width: 756px;
+}
+
+.dialog #existing_image_content {
+	position: relative;
+	height: 391px;
+	padding: 12px;
+}
+
+.dialog #existing_image_area_content ul {
+	margin: 0px;
+	padding: 0px;
+}
+
+.dialog #existing_image_area_content ul li {
+	list-style: none;
+	padding: 0px;
+	margin: 0px 6px;
+	float: left;
+	height: 114px;
+	width: 114px;
+	cursor: pointer;
+	text-align: center;
+	vertical-align: middle;
+}
+
+.dialog #existing_image_area_content ul li img {
+	border: 4px solid transparent;
+}
+
+.dialog #existing_image_area_content ul li.selected img {
+	border: 4px solid black;
+}
+/*
+#dialog_main {
+	position: relative;
+}
+*/
+#existing_image_area_content {
+	height: 342px;
+}
+
+#existing_image_area .pagination {
+	background: #FFF;
+	bottom: 0px;
+	right: 0px;
+	text-align: right;
+	position: absolute;
+	margin: 0px;
+	width: 766px;
+}
+
+#upload_image_area {
+	padding: 12px;
+}
+
+.dialog #content {
+	padding: 0px;
+}
+
+.wym_dialog #page {
+	width: 940px;
+	padding: 6px;
+}
+
+#dialog_main #pages_list {
+	width: 100%;
+}
+
+#dialog_main #pages_list ul {
+	margin: 12px 24px 24px 12px;
+	padding: 0px;
+}
+
+#dialog_main #pages_list ul li {
+	cursor: pointer;
+	line-height: 24px;
+	border: 1px solid transparent;
+	list-style: none;
+}
+
+#dialog_main #pages_list ul li.child {
+	padding-left: 20px;
+}
+/*
+#dialog_main #pages_list ul li span	{
+	display: block;
+	padding: 3px;
+	margin-left: 24px;
+}*/
+#dialog_main #pages_list ul li a	{
+	display: block;
+	padding: 3px;
+	margin-left: 24px;
+  text-decoration: none;
+  border-bottom: none;
+}
+#dialog_main #pages_list li:hover {
+	background-color: #C9DAE2 !important;
+}
+
+#dialog_main .actions {
+	margin-right: 48px;
+}
+
+#dialog_main #pages_list .linked, #dialog_main #pages_list .linked:hover {
+	border: 1px solid #00A017;
+	color: #00A017;
+	background: 7px 7px no-repeat url('/images/refinery/icons/accept.png') #E0F5E0;
+}
+
+#dialog_main #web_address_area, #dialog_main #email_address_area {
+	padding: 12px;
+}
+
+#link_title {
+	margin-top: 12px;
+}
+
+#link_title label {
+	margin: 3px 0px 0px 0px !important;
+	width: 130px;
+	display: block;
+	float: left;
+}
+
+#link_title input {
+	width: 770px;
+}
+
+ul#menu.reordering_menu li a {
+	cursor: move;
+}
+
+#header #menu li a#menu_reorder, #header #menu li a#menu_reorder_done {
+	height: 10px;
+	margin-top: 11px;
+	cursor: pointer !important;
+	background-color: #8a8a72;
+	background-repeat: no-repeat;
+	background-position: 7px;
+	width: 4px;
+	_margin-top: 6px;
+}
+#header #menu li a#menu_reorder:hover, #header #menu li a#menu_reorder_done:hover {
+	background-color: #a1a18b;
+}
+#header #menu li a#menu_reorder {
+	background-image: url('/images/refinery/icons/arrow_switch.png');
+}
+#header #menu li a#menu_reorder_done {
+	background-image: url('/images/refinery/icons/tick.png');
+}
+
+.clearfix:after {
+	content:".";
+	display:block;
+	height:0;
+	clear:both;
+	visibility:hidden;
+}
+.clearfix {display:inline-block;}
+/* Hide from IE Mac \*/
+.clearfix {display:block;}
+/* End hide from IE Mac */
+
+/*
+Firefox Dotted Line Fix
+	- http://sonspring.com/journal/removing-dotted-links
+*/
+a:focus {
+	outline: none;
+}
+
+a img {
+	border: 0px none;
+}
+
+/* icons */
+.add_icon {
+	background-image: url('/images/refinery/icons/add.png');
+}
+.edit_icon {
+	background-image: url('/images/refinery/icons/application_edit.png');
+}
+.reorder_icon {
+	 background-image: url('/images/refinery/icons/arrow_switch.png');
+}
+
+.user_comment_icon {
+	background-image: url('/images/refinery/icons/user_comment.png');
+}
+.edit_email_icon {
+	background-image: url('/images/refinery/icons/email_edit.png');
+}
+
+.back_icon {
+	background-image: url('/images/refinery/icons/arrow_left.png');
+}
+.go_icon {
+	background-image: url('/images/refinery/icons/application_go.png');
+}
+
+/* page parts */
+
+ul#page_parts {
+	margin: 20px 0 0 0;
+	padding: 0;
+}
+
+ul#page_parts li {
+	float: left;
+	list-style: none;
+	margin-right: 2px;
+}
+
+ul#page_parts li a {
+	line-height: 27px;
+	display: block;
+	background: #c2c3b3;
+	padding: 0px 8px;
+	border-bottom: none;
+	margin-top: 6px;
+}
+
+ul#page_parts li a.active {
+	background: #808080;
+	line-height: 33px;
+	color: white;
+	margin-top: 0px;
+}
+
+#add_page_part {
+		background: #8A8A72;
+		padding: 5px 8px 3px 8px;
+		border-bottom: none;
+		margin-top: 9px;
+		display: block;
+		float: left;
+}
+#add_page_part img {
+	vertical-align: middle;
+}
+
+/* dialog stuff */
+#dialog_frame {
+	width:952px;
+	height:430px;
+	padding: 0px;
+	border: 0px solid #F2F1ED;
+}
+.wym_hideables {
+		display: none;
+}
+#TB_ajaxContent, #TB_ajaxContent.TB_modal {
+	padding: 0px;
+}
+.wym_dialog .form-actions {
+	margin-top: 0px;
+	border: 0px none;
+	border-top: 1px solid #E8E8E8;
+}
+a#TB_closeWindowButton {
+	text-decoration: none;
+	border-bottom: 0px none;
+	position: absolute;
+	float: none;
+	top: 7px;
+	right: 6px;
+}
+#TB_title {
+	height: 33px;
+	line-height: 33px;
+	position: relative;
+}
+#TB_ajaxWindowTitle {
+	float: none;
+	padding: 0px;
+	margin-left: 12px;
+	font-size: 16px;
+}
+#existing_image_area {
+	padding-top:6px;
+}
+
+textarea.wymeditor {
+}
+#TB_closeAjaxWindow {
+	margin-bottom: 0px;
+	padding: 0px;
+}
+#TB_window div.field {
+	margin: 0px 10px;
+}
+#TB_window .form-actions {
+	margin-top: 12px;
+}
+
+#dialog_container {
+	padding: 0px 12px 12px 12px;
+}
+#dialog_container .form-actions {
+	position: absolute;
+	bottom: 0px;
+	left: 0px;
+	width: 100%;
+	border-right: 0px;
+	border-left: 0px;
+	border-bottom: 0px;
+	padding: 10px 0px;
+}
+#dialog_container .form-actions #submit_button {
+	margin-left: 10px;
+}
+#dialog_main .form-actions {
+	position: inherit;
+	width: 97%;
+	border: 1px solid #E8E8E8;
+	padding: 10px;
+}
+
+ul#image_grid {
+	width: 580px;
+	padding: 0px;
+	margin: 15px 0;
+}
+
+ul#image_grid li {
+	float: left;
+	margin: 0px 13px 12px 0px;
+	padding: 0px;
+	width: 135px;
+	text-align: center; 
+	height: 176px;
+}
+ul#image_grid li.row-end {
+	margin-right: 0px;
+	float: right;
+}
+ul#image_grid li a {
+  	border: 0 none;
+}
+ul#image_grid li p {
+  	margin: 3px 0;
+}
+ul#image_grid li span.actions {
+	width: 100%;
+}
+ul#plugins {
+	margin: 0px;
+	padding: 0px;
+}
+ul#plugins li {
+	list-style: none;
+}