/* Prototip.css */
.prototip {
	position: absolute;
}

.prototip .effectWrapper {
	position: relative;
}

.prototip .tooltip {
	position: relative;
}

.prototip .toolbar {
	position: relative;
	display: block;
}

.prototip .toolbar .title {
	display: block;
	position: relative;
}

.prototip .content {
	clear: both;
}

.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url("/images/prototip/close.gif");
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
}

.prototip .toolbar a.close:hover {
	background: transparent url("/images/prototip/close_hover.gif");
}

.iframeShim {
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
}

/* Prototip styles */
.prototip .default {
	width: 150px;
	color: #fff;
}

.prototip .default .toolbar {
	background: #0F6788;
	font: italic 17px Georgia, serif;
}

.prototip .default .title {
	padding: 5px;
}

.prototip .default .content {
	background: dodgerblue;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px;
}

.prototip .pinktip {
	border: 5px solid #a1a1a1;
}

.prototip .pinktip .toolbar {
	background: #ff1e53;
	color: #fff;
	font: italic 17px Georgia, serif;
}

.prototip .pinktip .title {
	padding: 5px;
}

.prototip .pinktip .content {
	background: #fff;
	color: #555555;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px;
}

.prototip .featured_icons {
	border: 1px solid #eaeaea;
	width: 200px;
}

.prototip .featured_icons h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.prototip .featured_icons p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	line-height: 1.5em;
}

.prototip .featured_icons .toolbar {
	background: #eeeeee;
	color: #272e34;
}

.prototip .featured_icons .title {
	padding: 1px;
}

.prototip .featured_icons .content {
	background: #fff;
	color: #555555;
	padding: 5px;
}

.prototip .filemanager_icons {
	border: 1px solid #eaeaea;
	width: 200px;
}

.prototip .filemanager_icons h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.prototip .filemanager_icons p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	line-height: 1.5em;
}

.prototip .filemanager_icons .toolbar {
	background: #eeeeee;
	color: #272e34;
}

.prototip .filemanager_icons .title {
	padding: 1px;
}

.prototip .filemanager_icons .content {
	background: #fff;
	color: #555555;
	padding: 5px;
}

.prototip .darktip {
	width: 250px;
	border: 5px solid #a1a1a1;
}

.prototip .darktip .toolbar {
	background: #606060;
	color: #fff;
	font: italic 17px Georgia, serif;
}

.prototip .darktip .toolbar a.close {
	background: url("/images/prototip/close_hover.gif");
}

.prototip .darktip .toolbar a.close:hover {
	background: url("/images/prototip/close.gif");
}

.prototip .darktip .title {
	padding: 5px;
}

.prototip .darktip .content {
	background: #808080;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px;
}

.prototip .silver {
	width: 300px;
	border: 5px solid #cccccc;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
}

.prototip .silver .toolbar {
	background: #2e2e2e;
	color: #fff;
	font-weight: bold;
}

.prototip .silver .toolbar a.close:hover {
	background: url("/images/prototip/close_hover_red.gif");
}

.prototip .silver .title {
	padding: 5px;
}

.prototip .silver .content {
	background: #fff;
	color: #666666;
	padding: 5px;
}

.protoClassic {
	width: 300px;
	border: 5px solid #8c939c;
}

.protoClassic .toolbar {
	background: #96b8e2 url("/images/prototip/classic_toolbar.gif") top left
		repeat-y;
	font-weight: bold;
	color: #fff;
}

.protoClassic .toolbar a.close:hover {
	background: url("/images/prototip/close_hover_red.gif");
}

.protoClassic .title {
	padding: 5px;
}

.protoClassic .content {
	background: #fff;
	color: #333333;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px;
}
