/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper,
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {	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'); }

.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	background: url(prototip_loader.gif);
	height: 14px;
	width: 14px;
}

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}
.educationbox
	{
		width:300px;
		padding:10px;		
		color: #bbbbbb; 
		border:1px #333 solid;
		background-color:#1b1b1b;
		font-size:10px;
	}
.genericbox
	{
		width:300px;
		padding:10px;		
		color: #bbbbbb; 
		border:1px #333 solid;
		background-color:#1b1b1b;
		font-size:10px;
	}
.transparentbox
	{
		width:300px;
		padding:1px;		
		color: #bbbbbb; 
		border:none;
		
		background-color:transparent;
		background:none;
		font-size:10px;
	}

.protodropmenubox
	{
		width:121px;
		color: #bbbbbb; 
		border:1px #333 solid;
		background-color:#1b1b1b;
		font-size:10px;
		cursor: pointer; cursor: hand;
	}
.protodropmenu
	{
		color:#555;	
		background-color:#1b1b1b;
		padding:4px;
		padding-bottom:6px;
		font-weight:900;
		cursor: pointer; cursor: hand;
	}
.protodropmenu_highlight
	{
		color:#666;
		background-color:#333;
		padding:4px;
		padding-bottom:6px;
		font-weight:900;
		cursor: pointer; cursor: hand;
	}
/* Prototip styles */

.prototip .default { width: 450px; color: #bbbbbb; border:1px #333 solid;  }
.prototip .default .toolbar { background: #222222; }
.prototip .default .title { padding: 10px; font-size:14px; font-weight:900;}
.prototip .default .content { background: #1b1b1b; font-size:10px; padding: 10px; font-weight:100;}

.prototip .yellow { width: 450px; color: #302e27; border:1px #d4ca88 solid;  }
.prototip .yellow .toolbar { background: #b8ae85; }
.prototip .yellow .title { padding: 10px; font-size:12px; font-weight:900;}
.prototip .yellow .content { background: #948e78; font-size:10px; padding: 10px; font-weight:100;}

.prototip .yellowdark { width: 450px; color: #302e27; border:1px #d4ca88 solid;  }
.prototip .yellowdark .toolbar { background: #a69d7a; }
.prototip .yellowdark .title { padding: 10px; font-size:12px; font-weight:900;}
.prototip .yellowdark .content { background: #7b7661; font-size:10px; padding: 10px; font-weight:100;}


.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 .darktip { width: 300px; border: 1px solid #777; }
.prototip .darktip .toolbar { background: #444; color: #999; font-size:16px; font-weight:900; }
.prototip .darktip .toolbar a.close { background: url(close_hover.gif);}
.prototip .darktip .toolbar a.close:hover { background: url(close.gif);}
.prototip .darktip .title { padding: 5px;}
.prototip .darktip .content { background: #555; 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(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(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333;font: 11px Arial, Helvetica, sans-serif; padding: 5px; }