body, html
{
	height: 100%;
	margin:0;
	padding:0;
}

body, input, textarea
{
	font-family: trebuchet ms, verdana, arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#cloud_body
{
	position:relative;
	width:100%;
	height:95%;
}

div.topic
{
	position:absolute;
	cursor:move;
	color: #000;
}


div.topic input, #menu #cloud_title input
{
	border:none;
	background-color:transparent;
	color: #000;
}

div.topic input { width:200px; }

div.topic textarea, div.topic .notes
{
	display:none;
	font-size:12px;
}

div.topic:hover, div.topic.active
{
	background-color:#FFF2BF;
	z-index:100;
}

div.topic:hover textarea, div.topic.active textarea, div.topic:hover .notes
{
	display:block;
	margin:0 auto;
	width:95%;
}

div.topic .destroy
{
	visibility:hidden;
	font-size:10px;
	color:#000;
	position:absolute;
	top:0px;
	right:5px;
	cursor:pointer;	
}
div.topic:hover .destroy, div.topic.active .destroy
{
	visibility:visible;
}

div.topic.inherited
{
	color:#555;
	cursor:default;
}

.rtop,.artop{visibility:hidden}
div.topic:hover .rtop, div.topic:hover .artop, div.topic.active .rtop, div.topic.active .artop {visibility:visible}

#gettingStarted .middle
{
	color:#ddd;
	text-align:center;
	width:100%;
}

/* Vertical centering hack */
.vCenter {height: 90%; overflow: visible; position: relative;}
.vCenter [id] {display: table; position: static;}
.vCenter .middle {position: absolute; top: 50%;} /* for explorer only*/
.vCenter .middle[id] {display: table-cell; vertical-align: middle; position: static;}
.vCenter .inner {position: relative; top: -50%} /* for explorer only */
.vCenter .inner[id] {position: static;}

.clear {clear:both; height:0;}
a, a:hover, a:active, a:visited { color: #00f; }

#menu
{
	height:20px;
	overflow:hidden;
}

#menu, #cloud_properties, #enter_password .inner
{
	background-color:#FFF2BF;
	border:1px solid #000;
}

#menu .logo
{
	font-variant: small-caps;
	padding-left:5px;
	float:left;
}

#menu ul
{
	margin: 3px;
	padding: 0px;
	list-style: none;
	float: right;
}

#menu li
{
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	float: left;
	font-size:12px;
}

#menu #cloud_title { text-align:center; cursor:pointer; }
#menu #cloud_title.dimmed { color:#ccc; }
#menu #cloud_title input
{
	width: 300px;
	text-align:center;
}

#cloud_properties
{
	border-top-color:#FFF2BF;
	position:absolute;
	width:300px;
	right:0px;
	top:-1px;
	padding:3px;
}

#cloud_properties, #cloud_properties input
{
	font-size: 12px;
}

#enter_password .middle
{
	width:100%;
}

#enter_password .inner
{
	text-align:center;
	margin:0 auto;
	width:300px;
	padding:5px;
}