/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}


	/* standard tags */

html, body {
	background-color: #f6f6f6;
	color: #000000;
	height: 100%;
	-webkit-text-size-adjust: none;
}

body {
	margin: 0; padding: 0;
	overflow-x: hidden;
}

body, input, textarea {
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}

#base {
	position: relative;
	height: auto; min-height: 100%;
	overflow-x: hidden;
}

#fill {
	position: absolute; z-index: 500;
	width: 100%; height: 100%;
	
	background: rgba(238, 238, 238, 0.750);
	        user-select: none;
	   -moz-user-select: none;
	-webkit-user-select: none;
}

.over-fill {
	z-index: 600;
}



a { color: #000000; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0; }
h1 .sub, h2 .sub, h3 .sub, h4 .sub, h5 .sub, h6 .sub { font-size: 0.7em; opacity: 0.7; text-indent: 0.25em; }
h1 { font-size: 20px; line-height: 24px; }
h2, .section h1 { font-size: 18px; line-height: 24px; }
h3, .section .section h1 { font-size: 18px; line-height: 18px; color: #444444; }
h4, .section .section .section h1 { font-size: 16px; line-height: 16px; color: #444444; }
h5, .section .section .section .section h1 { font-size: 14px; line-height: 14px; color: #444444; }
h6, .section .section .section .section .section h1 { font-size: 12px; line-height: 12px; color: #444444; }

em { font-weight: bold; font-style: normal; color: #222222; }

p, ul.textual, ol.textual { margin-bottom: 1em; }

ul.textual li { list-style: disc inside; }
ol.textual li { list-style: decimal inside; }


form {
	/*width: 100%;*/ /*neccessary?*/
}

input[type='text'], input[type='password'], textarea {
	background: rgba(59, 59, 59, 1.000);
	border: 1px solid #222222;
	color: #ffffff;
	margin: -1px;
	padding: 0 2px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
input[type='text']:focus, input[type='password']:focus, textarea:focus {
	background: rgba(34, 34, 34, 1.000);
	border-color: #cc3300;
}

input[type='button'], input[type='submit'] {
	background: rgba(59, 59, 59, 1.000);
	border: 1px solid #222222;
	color: #ffffff;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
input[type='button']:active, input[type='submit']:active {
	background: rgba(34, 34, 34, 1.000);
	border-color: #cc3300;
}


input[type='button'].cancel, input[type='submit'].cancel {
	background-color: rgba(255, 255, 255, 1.000);
	border-color: #b8b8b8;
	color: #000000;
}
input[type='button'].cancel:active, input[type='submit'].cancel:active {
	background: rgba(246, 246, 246, 1.000);
	border-color: #cc3300;
	float: right;
}

input[type='button'].done, input[type='submit'].done {
	position: relative; z-index: 2;
}


input[type='button'].another, input[type='submit'].another {
	position: relative; z-index: 1;
	margin-left: -8px; padding-left: 8px;
	
	background: rgba(93, 93, 93, 1.000);
	border: 1px solid #444444;
	color: #ffffff;
}
input[type='button'].another:active, input[type='submit'].another:active {
	background: rgba(68, 68, 68, 1.000);
	border-color: #cc3300;
}

/* general-purpose */

/*.box {
	background: #ccc;
	border: 1px solid #999;
}*/

.sym, a.sym {
	display: inline;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font: 1em Arial, Helvetica, sans-serif;
	width: 1em;
	/*height: 1em;*/
	/*line-height: 1em;*/
}
.sym img {
	height: 1em; width: 1em; line-height: 1em;
	vertical-align: middle;
}

.initially-hidden { display: none; }
.clear { clear: both; }

.overlay {
	position: absolute; z-index: 50;
	top: 0; bottom: 0; left: 0; right: 0;
	/*width: 100%; height: 100%;*/ /* width & height don't work so well when the parent element has padding */
	background: repeat 0 0;
}

.item > .overlay,
.item > .show.body > .overlay,
.item > .cont > .show.body > .overlay {
	left: -4px; right: -4px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.edit.body .overlay, .new.body .overlay {
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

/* flash messages, notices, and warnings */

.flash.message { color: #333333; }
.flash.notice { color: #333333; }
.flash.warning { color: #000000; font-style: italic; }
.flash.error { color: #000000; font-weight: bold; }

#top-bar .flash.message { color: #cccccc; }
#top-bar .flash.notice { color: #cccccc; }
#top-bar .flash.warning { color: #ffffff; }
#top-bar .flash.error { color: #ffffff; }


form .prefix { padding-right: 1em; text-align: right; }



	ul.list ul.list {
	border-left: 1px dotted #e5e5e5;
	/*padding-left: 18px;*/
	/*margin-left: -1em;*/
}

ul.item-list {
	position: relative;
}

ul.item-list > li.item {
	position: relative;
}

ul.item-list ul.item-list > li.item {
	margin-left: 28px;
}

ul.item-list > li.item.ui-sortable-placeholder {
	visibility: visible !important;
	
	position: relative;
}

ul.item-list > li.item.ui-sortable-placeholder > .back {
	position: absolute; z-index: 0;
	top: 0; bottom: 0; left: -2px; right: -2px;
	
	background: rgba(204, 51, 0, 0.500);
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	border: 4px solid transparent;
	margin: -4px;
}

ul.item-list > li.item.ui-sortable-placeholder > .cont {
	position: absolute; z-index: 1;
	top: 0; bottom: 0; left: -2px; right: -2px;
	
	background: #ffffff;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100);
}

ul.item-list > li.item.ui-sortable-helper {
	/*height: 0 !important;*/
}
ul.item-list.active {
	background: #ffffff;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100);
}

li { list-style-type: none; }

.item > .pile > .body { display: block; border: none; }
.base.item > .pile > .body {
	margin: -16px; margin-bottom: 0;
	padding: 16px 34px 18px 16px;
}
.item > .pile > .body > .header { position: relative; }
.base.item > .pile > .body > .header {
	margin: -16px; margin-bottom: -18px;
	padding: 16px; padding-bottom: 18px;
}
.base.item > .pile > .body > .header > .pile.name { white-space: nowrap; }
.base.item > .pile > .body > .header > a.pile.name { text-decoration: none; }
.base.item > .pile > .body > .header > .pile.name .sym { opacity: 0.5; display: inline-block; font-size: 100%; margin-top: -4px; }
.base.item > .pile > .body > .header > .owner.pile.name { opacity: 0.25; }
.base.item > .pile > .body > .header > a.owner.pile.name:hover { opacity: 0.75; }
.base.item > .pile > .body > .header > .ancestor.pile.name { opacity: 0.5; }
.base.item > .pile > .body > .header > a.ancestor.pile.name:hover { opacity: 0.75; }


.base.item > .pile > .body > .action.stub { float: right; width: auto; border: none; }
.base.item > .pile > .body.active {
}
.base.item > .pile > .body.active > .header {
	z-index: 2;
}

.item {
	position: relative;
	
	
}
/*.section.item { display: block; }*/
.item > .cont > .body,
.item > .pile > .body {
	position: relative;
	
	
	
	/*min-height: 1.5em;*/
}
.item > .cont > .show.body,
.item > .sub.pile > .show.body {
	
	
	border-top: 1px dotted #cccccc;
	padding: 2px 0;
	padding-left: 24px; /* for "> .bullet" */
	padding-right: 18px; /* for "> .action.stub" */
}
.pile.item > .show.body {
}
.body.active {
}
.body.active > .cont {
	position: relative;
}
.body.active > .cont,
.body.active > .bullet {
	z-index: 2;
}
.body.active > .back {
	position: absolute; z-index: 1;
	top: 0; bottom: 0; left: -2px; right: -2px;
	
	background: #ffffff;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.100);
}
.body.active > .hyper { /* used to super-highlight items */
	position: absolute; z-index: 0;
	top: 0; bottom: 0; left: -2px; right: -2px;
	
	background: rgba(204, 51, 0, 0.500);
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	border: 4px solid transparent;
	margin: -4px;
}

.item > .new.body,
.item > .cont > .edit.body {
	margin: -12px 8px;
	
	background: rgba(204, 51, 0, 0.500);
	border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
	border: 8px solid transparent;
}
.item > .new.body > .cont,  .item > .new.body > form > .cont,
.item > .cont > .edit.body > .cont, .item > .cont > .edit.body > form > .cont {
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.375); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.375); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.375);
	
	background: #ffffff;
	padding: 8px;
}
/* contain-float-after */
.item > .new.body > .cont:after,  .item > .new.body > form > .cont:after,
.item > .cont > .edit.body > .cont:after, .item > .cont > .edit.body > form > .cont:after {
	content: ""; display: block; height: 0; clear: both; visibility: hidden; /* (FF, S2, O9) */
}
.item > .cont > .edit.body {
	position: absolute;
	/*width: 100%;*/ left: 0; right: 0;
	
	
}
.item > .new.body {
	position: relative;
	
	
}
.new.item {
	position: absolute;
	/*width: 100%;*/ left: 0; right: 0;
}
.item > .body .line,
.item > .cont > .body .line {
	/*overflow: auto; width: 100%; /* to contain floating elements */
	margin-bottom: 4px;
}
.item > .new.body .finish.line,
.item > .cont > .edit.body .finish.line {
	float: right;
	margin: -4px; margin-top: 8px;
}
.item > .new.body .button-pair,
.item > .cont > .edit.body .button-pair { float: right; }

.button-pair { margin-left: 4px; display: inline-block; white-space: nowrap; }

.body > .bullet {
	position: absolute;
	left: 4px;
	width: 16px;
	text-align: center;
	vertical-align: middle;
	/*line-height: 15px;*/
}
.body > .bullet .sym {
	line-height: 100%;
	display: inline-block;
}
.item > .cont > .body > .bullet .sym { font-size: 150%; }
.item > .sub.pile > .body > .bullet .sym { font-size: 175%; margin-left: -3px; margin-top: -3px; }
.item > .sub.pile > .body > .bullet a.sym { opacity: 0.5; }
.item > .sub.pile > .body > .bullet a.sym:hover { opacity: 1.0; }

.item > .cont > .body > .action.stub,
.item > .cont > .body > #action-bar,
.item > .pile > .body > .action.stub,
.item > .pile > .body > #action-bar {
	position: absolute; z-index: 5;
	right: 4px;
}
.base.item > .pile > .body > .action.stub,
.base.item > .pile > .body > #action-bar {
	right: 20px;
}


.pile_ref > h1.name .sym {
	line-height: 100%;
	display: inline-block;
}
.pile_ref > h1.name .sym { font-size: 100%; margin-top: -3px; }
.pile_ref > h1.name a.sym { opacity: 0.5; }
.pile_ref > h1.name a.sym:hover { opacity: 1.0; }

.share.status {
	float: right;
	display: inline-block;
	margin: 0 0.25em;
}
.share.status .sym {
	font-size: 150%;
	line-height: 100%;
}
.share.status .observe { color: #000000; }
.share.status .modify { color: #661900; }
.share.status .inherit { opacity: 0.25; }



/* page */
#page {
	/*padding: 16px;*/
	position: absolute;
	width: 100%; top: 24px; bottom: 0;
	/*overflow-y: scroll;*/
}


/* top-bar */

#top-bar {
	position: relative; z-index: 1000;
}

#top-bar, #top-bar a {
	color: #ffffff;
}

/* contain-float-after */
#top-bar:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; /* (FF, S2, O9) */ }


#top-bar > .back {
	overflow: hidden;
	
	position: absolute;
	width: 100%; height: 100%;
	
	padding-bottom: 10px;
}

#top-bar > .back > .fill {
	position: absolute;
	z-index: -1;
	top: 0; bottom: 10px;
	top: -26px; left: -26px; right: -26px;
	
	background: #444444;
	
	margin-bottom: -1px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.200);
	
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.247); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.247); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.247);
}

#top-bar > .logo {
	font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
	
	font-weight: bold;
	float: left;
	background: #222222;
	
	margin-bottom: -1px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.200);
	border-right: 1px solid rgba(0, 0, 0, 0.200);
	/*-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;*/
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;

	
	padding: 3px 4px 5px;
	
	font-size: 18px;
	line-height: 16px;
	height: 16px;
}

#top-bar > .logo a {
	text-decoration: none;
	background: none;
	color: #fff;
}

#top-bar > .logo sub {
	font-size: 0.75em;
	text-transform: uppercase;
	color: #f30;
	line-height: 16px;
}

#top-bar > .content {
	float: left;
	margin-left: 4px;
	position: relative;
	z-index: 1;
	padding: 2px;
	height: 20px;
	line-height: 20px;
}

#top-bar > .corner {
	float: right;
	margin-right: 4px;
	position: relative;
	z-index: 1;
	padding: 2px;
	height: 20px;
	line-height: 20px;
}



/* scope sidebar and list */

/* scope sidebar */

#scope-panel {
	position: absolute; z-index: 50;
	/*overflow-x: hidden; /* ??? */
	width: 360px;
	/* !important declarations to keep jQuery.resizable from using it's own dumb values */
	overflow-y: auto !important;
	height: auto !important;
	top: 0 !important;
	bottom: 0 !important;
	
	background: #e5e5e5;
}
#scope-panel.left {
	/* !important declarations to keep jQuery.resizable from using it's own dumb values */
	/*top: 24px !important;
	bottom: 0 !important;*/
	left: 0 !important;
	right: auto !important;
}
#scope-panel.right {
	/* !important declarations to keep jQuery.resizable from using it's own dumb values */
	/*top: 24px !important;
	bottom: 0 !important;*/
	right: 0 !important;
	left: auto !important;
}
#scope-panel > .back {
	position: absolute;
	height: 100%;
	width: 8px;
	overflow: hidden;
}
#scope-panel.left > .back {
    right: 0;
}
#scope-panel.right > .back {
	left: 0;
}
#scope-panel > .back > .shadow {
	position: relative;
	height: 100%;
	
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.188); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.188); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.188);
}
#scope-panel.left > .back > .shadow {
	right: -8px;
}
#scope-panel.right > .back > .shadow {
	left: -8px;
}
#scope-panel > .cont {
	padding: 16px;
	
	min-width: 230px;
}
#scope-panel > .ui-resizable-handle,
#scope-panel > .toggle {
	position: absolute;  z-index: 101;
	width: 16px; height: 100%;
	left: -8px;
	top: 0;
	        user-select: none;
	   -moz-user-select: none;
	-webkit-user-select: none;
}
#scope-panel > .toggle { z-index: 100; }
#scope-panel > a.toggle { display: block; }

.ui-resizable-helper { display: none; }

#main-area {
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden; /* to keep 2D transformation effects from flashing the horizontal scrollbar */
	top: 0; bottom: 0; /*height: 100%;*/
	left: 0; right: 0; /*width: 100%;*/
}
#main-area.left,
#main-area.middle {
    margin-right: 360px;
}
#main-area.right,
#main-area.middle {
    margin-left: 360px;
}
#main-area > .cont {
	padding: 16px;
	
	min-width: 278px;
}
/* root-level scope-list */
#scope-list > ul {
	/*margin-left: 0;*/
	border: none;
	/*padding-left: 0.5em; /* 0em - scope-item's indent */
}

/* all nested scope-lists */
#scope-list ul {
	/*margin-left: -0.5em; /* 0em + scope-item's indent */
	border-left: 1px dotted #cccccc;
	padding-left: 16px; /* 1em - scope-item's indent */
}
#scope-list ul > li {
	/*list-style-type: none;
	margin-left: 0;
	/*text-indent: -0.5em;*/
}
#scope-list .scope.name { font-size: 1.0em; font-weight: bold; }
#scope-list .scope.name * { color: #666; }
#scope-list .base.scope.name * { color: #000; }
#scope-list .child.scope.name * { color: #333; }


#sidebar-right {
	float: right; clear: right;
	position: relative; z-index: 1;
}


/* pile list */

#pile-box {
	float: left; clear: left;
	width: 15em;
	margin: 1em;
}


/* user-bar */

#user-bar-greeting, #user-bar-action, #user-bar-greeting form { display: inline; }

	/* buttons/bars */

.widget {
	margin-right: 0.5em;
	
	height: 1.25em;
	line-height: 1.25em;
}

.buttons, .button {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.375); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.375); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.375);
	
	margin: -1px;
	border: 1px solid rgba(0, 0, 0, 0.200);
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	background: #cc3300;
	
	line-height: 1em;
	
	        user-select: none;
	   -moz-user-select: none;
	-webkit-user-select: none;
	
	        user-drag: none;
	   -moz-user-drag: none;
	-webkit-user-drag: none;
}

.widget, .button, .buttons { white-space: nowrap; }

.widget a, .buttons a, a.button { text-decoration: none; }

.stub, .bar {
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	/*width: 16px;*/
}
.stub .sym, .bar .sym {
	font-size: 14px;
	line-height: 12px;
	height: 12px;
}

.stub .sym img, .bar .sym img {
	height: 1.5em; width: 1.5em; line-height: 1.5em;
	vertical-align: middle;
}
.move.reparent .sym img { cursor: move; }
.move.reorder .sym img { cursor: row-resize; }

.bar {
	position: relative;
	z-index: 10;
}

.stub { float: left; }

.action.bar { float: left; }

.action.stub .widget,
 #action-bar .widget { /*margin-left: -18px;*/ }

.action.stub .widget, .action.stub .widget a,
 #action-bar .widget,  #action-bar .widget a { color: #dddddd; padding: 0 4px; margin: 0 -4px; }
.action.stub .widget,
 #action-bar .widget { margin-top: 4px; }
.action.stub .widget a:hover,
 #action-bar .widget a:hover { color: #aaaaaa; }

.action.stub .expanded.widget a,
 #action-bar .expanded.widget a { color: #909090; }
.action.stub .expanded.widget a:hover,
 #action-bar .expanded.widget a:hover { color: #5d5d5d; }

#action-bar .buttons {
	background: #cc3300;
	position: absolute;
	top: 4px; right: 0;
	padding: 2px 4px;
	vertical-align: middle;
	margin-right: 18px;
	line-height: 1.5em;
	
	        border-top-right-radius: 0;
	    -moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
}
#action-bar .buttons, #action-bar .buttons a { color: #ffffff; }
#action-bar .buttons a { padding: 0 4px; margin: 0 -2px; }
#action-bar .buttons a.full-width { display: block; }
#action-bar .buttons a:hover {
	text-shadow:	0 2px	3px rgba(0, 0, 0, 0.375),
					0 -2px	3px rgba(0, 0, 0, 0.375),
					2px 0	3px rgba(0, 0, 0, 0.375),
					-2px 0	3px rgba(0, 0, 0, 0.375);
}

.add.bar {
	padding-left: 0.25em;
	float: left;
	height: auto;
}

.button {
	/*position: absolute;*/
	float: left;
	top: 4px; left: 0;
	width: 1em;
	padding: 0 2px;
	margin: 0 4px 0 0;
	vertical-align: middle;
	text-align: center;
}

.add.bar .button {
	width: auto;
	padding: 0 8px;
	margin: 4px 8px 4px 0;
}

.add.bar a.button,
a.button, a.button .sym { color: #ffffff; }

.add.bar a { margin-right: 8px; }

.add.bar a:hover {
	text-shadow:	0 2px	3px rgba(0, 0, 0, 0.750),
					0 -2px	3px rgba(0, 0, 0, 0.750),
					2px 0	3px rgba(0, 0, 0, 0.750),
					-2px 0	3px rgba(0, 0, 0, 0.750);
}

/*.widget, .widget a { color: #ddd; }
.widget a:hover {  }

.buttons, .buttons a { color: #444444; }
.buttons a:hover { background: #b10; }*/

/*.new.buttons { margin-left: 2em; }*/

	/* props */

.prop {
	display: block;
	line-height: 15px;
	
	border: 1px solid transparent;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	
}

.prop.badge {
	line-height: 12px;
	
	margin-left: 2px; margin-right: 2px;
	
	border-color: rgba(0, 0, 0, 0.100);
	border-width: 1px;
}
.prop.badge input[type='text'], .prop.badge textarea {
	font-size: 12px;
	line-height: 12px;
	height: 12px;
}

.check.prop {
	border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	
	display: inline-block;
}
.check.prop.badge { /*float: left; margin-right: 6px;*/ }

.note.prop {
	display: block;
	padding: 4px;
	vertical-align: top;
	
	margin-bottom: 6px;
	
	border-color: rgba(0, 0, 0, 0.050);
	
	color: rgba(0, 0, 0, 0.800);
	background: #fafafa;
}
.note.prop, .note.prop textarea {
	font: oblique 14px/18px Times, 'Times New Roman', serif;
}
.note.prop textarea { height: 1px; }
.note.prop.badge { height: auto; }
.show.note.prop.badge {
	margin-right: 10px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.094); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.094); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.094);
}

.priority.prop {
	width: 13px; /* same as height and line-height */
	
	display: inline-block;
	
	font-size: 11px;
	height: 13px;
	line-height: 13px;
	vertical-align: baseline;
	
	text-align: center;
	background: #444444;
	color: #ffffff;
	
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.priority.prop, .priority.prop input { font-family: 'Arial Black', sans-serif; font-weight: bold; }
.priority.prop input { }
.priority.prop.badge { /*float: left; margin-right: 6px;*/ }
.edit.priority.prop, .new.priority.prop { width: auto; color: #000000; }
.show.priority.prop {
}

.tag.prop {
	display: inline-block;
	
	font-size: 11px;
	height: 11px;
	line-height: 11px;
	vertical-align: middle;
	
	background-color: #838383;
	color: #ffffff;
	
	padding: 0 2px;
}
.tag.prop, .tag.prop input { font-weight: bold; text-transform: uppercase; }
.tag.prop input { }
.tag.prop.badge { /*float: left;*/ }
.show.tag.prop {
}

.text.prop {
	display: inline;
}
.edit.text.prop, .new.text.prop {
	display: block;
}

.show.time.prop {
	color: rgba(0, 0, 0, 0.875);
	
	display: inline;
	
	vertical-align: baseline;
	text-align: center;
	
	padding: 0 2px;
	/*background: #ffffff;*/
}
.show.time.prop, .show.time.prop input { font: bold 11px/13px Times, 'Times New Roman', serif; }
.show.time.prop.badge {
	display: inline-block;
	
	background: #ffffff;
	border-color: rgba(0, 0, 0, 0.200);
	padding: 0 4px;
	
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

.show.pile_ref.prop { margin-top: 2px; }
.new.pile_ref.prop, .edit.pile_ref.prop { display: block; }


.new.prop, .edit.prop {
	margin: -1px;
	
	display: inline-block;
	
	background: rgba(204, 51, 0, 0.250);
	border-width: 2px;
	border-color: #cc3300;
}
.new.note.prop, .edit.note.prop { display: block; }
/*.new.prop.badge, .edit.prop.badge { margin: 0 2px; }*/

.new.prop input[type='submit'],
.edit.prop input[type='submit'] { display: none; }
.new.note.prop input[type='submit'],
.edit.note.prop input[type='submit'] { display: inherit; }

.new.prop input[type='text'], .new.prop textarea,
.edit.prop input[type='text'], .edit.prop textarea {
	background: transparent;
	color: #000000;
	border: none;
	margin: 0;
	padding: 1px;
	display: block;
	width: 100%;
}
.new.prop input[type='button'], .new.prop input[type='submit'],
.edit.prop input[type='button'], .edit.prop input[type='submit'] { position: absolute; }

.prop input[type='checkbox'] { border: none; margin: 0; background: none; }