* { 
	font-family: Arial, Helvetica, sans-serif; 
}

h1, h2, h3, h4 {
	font-family: helvetica, arial, sans-serif;
	letter-spacing: -0.04em;
	color: #333;
}

h1 {
	color: white;
	display: inline;
	vertical-align: super;
	font-size: 150%;
	letter-spacing: 0;
}

body { 
	margin: 0; 
	padding: 0; 
	font-size:   14px; 
	background-color: #333;
}

tr {
	vertical-align: top;
}

input.openid {
  background: url(/images/openid-icon-small.gif) no-repeat;
  background-position: 0 50%;
  background-color: white;
  padding-left: 1em;
  border: 1px solid silver;
}

/* Stiki styles. ********************************/

#stikis_field	{ 
	margin: 0;
	padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#stikis_field_center {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 50%;
	top: 50%;
	font-size: 70%;
}

#zoom_origin {
	position: absolute;
	margin: 0;
	padding: 0;	
	left: 0;
	top: 0;
}
.zoom_marker {
	position: absolute;
	left: -1000px;
	top: -10em;
	width: 20em;
	height: 20em;
	z-index: 5;
	visibility: hidden;
	opacity: 0.5;
}
 
#page {
  position: absolute;
	margin: 0;
	padding: 0;
  cursor: url(/images/grab.cur), -moz-grab; 
}
#page.moving {
	cursor: url(/images/grabbing.cur), -moz-grabbing;
}

#page.selectable {
	cursor: crosshair;
}

#pan_background {
  position: absolute;
	list-style: none;
  left: -210em;
  top: -148.5em;
  width: 420em;
  height: 297em;
  overflow: hidden;
  background: white;
  border: 1px solid silver;
}

.selection_box{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	cursor: crosshair;
	border: 1px dotted black;
	background: none;
	visibility: hidden;
}
.selection_box.selecting{
  visibility: visible;
}

#stiki_template {
  visibility: hidden;
	display: none;
}

#stiki_template, .page .stiki {
	list-style: none;
	position: absolute;
	cursor: move; 
}

#stikis_list {
	padding: 0;
	margin: 0;
}

#stikis_list .stiki {
	position: relative;
	list-style: none;
	margin-bottom: 2em;
}

.stiki.moving {
	cursor: move;
}

.text_content .stiki img {
	border-width: 0px;
}

.stiki_contents {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.content {
	padding: 1em;
	font-size: 133%;
	letter-spacing: 0.5px;
	word-spacing: 1px;
	color: black;
}

#main_content .content {
	font-size: 100%;
}

.content p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.halo {
	position: absolute;
	left: -2em;
	top: -2em;
	background-color: #FF143C;
	visibility: hidden;
}
.stiki.selected .halo {
	visibility: visible;
}

.shadow {
	position: absolute;
}

.shadow.tl {left: -0.5em; top: -0.5em; width: 0.5em; height: 0.5em;}
.shadow.t {left: 0; top: -0.5em; width: 100%; height: 0.5em;}
.shadow.tr {left: 100%; top: -0.5em; width: 0.5em; height: 0.5em;}
.shadow.l {left: -0.5em; top: 0; width: 0.5em; height: 100%;}
.shadow.r {left: 100%; top: 0; width: 0.5em; height: 100%;}
.shadow.bl {left: -0.5em; top: 100%; width: 0.5em; height: 0.5em;}
.shadow.b {left: 0; top: 100%; width: 100%; height: 0.5em;}
.shadow.br {left: 100%; top: 100%; width: 0.5em; height: 0.5em;}
		
.edit_button {
	position: absolute;
	left: -15px; top: -15px;
	width: 14px; height: 14px;
	cursor: pointer;
	visibility: hidden;
	border: 1px solid silver;
	background-color: white;
	background-image: url(/images/pencil-14x14.png)
}
.current .edit_button {visibility: visible}
				
.resize_button { 
	position: absolute; 
	left: 100%; top: 100%; visibility: hidden;
	cursor: se-resize;
}
.resize_button div { 
  position: absolute; 
	left: 0px; top: 0px; 
	width: 14px; height: 14px; 
	border: 1px solid silver;
	background-color: white;
	background-image: url(/images/resize-button-14x14.png);
}
.current .resize_button	{ visibility: visible }

.expander {
	position: absolute;
	left: 0; top: 100%;
	visibility: hidden;
	cursor: pointer;
}
.fit_to_contents {
	position: absolute;
	left: 1px; top: 2px;
	width: 14px; height: 8px;
	background-image: url(/images/fit_to_content.gif);
}
.restore_size {
  position: absolute;
  left: 1px; top: 2px;
  width: 14px; height: 8px;
  background-image: url(/images/restore_to.gif);
}
.stiki.current.has_overflow .expander .fit_to_contents {
  visibility: visible;
}
.stiki.current.expanded .expander .restore_size {
  visibility: visible;
}

/* Markers for save progress ********************/	
		
.dirty_marker {
  position: absolute;
  left: 100%;
  top: 0;
  visibility: hidden; 
}
.dirty_marker img {
  position: absolute; 
  width: 1.16em;
  height: 1.16em;
  top: -0.5em;
  left: -0.5em;
}	

.dirty_marker.dirty, .dirty_marker.content_dirty {
  visibility: visible; 
}	

/*
.stiki.content_dirty .dirty_marker{
	visibility: visible; 
}	
*/

/************************************************
 * Resizer
 */

.resizeOutline	{ 
  position: absolute; 
	left: 0em; 
	top: 0em; 
	width: 0.5em; 
	height: 0.5em;
	border: 1px dotted black 
}

/************************************************
 * Mover
 */

.cursorWrap { 
	position: absolute; 
	z-index: 2;
  left: 0; 
	top: 0;
	width: 0; 
	height: 0; 
  border: 0 solid black;
  visibility: visible 
}
				 
#cursorWrap_1 {
	z-index: 9;
}