/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { 
  position: absolute;
  text-align: left;
  filter:alpha(opacity=95);
  -moz-opacity:.95;
  opacity:.95;  
}
.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;
}

/* Tooltip 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 .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;}

.prototip .pre { width: 360px; border: 0px solid #cccccc;}
.prototip .pre .toolbar { color: #fff; font-weight: bold; }
.prototip .pre .toolbar a.close:hover { background: url(/images/prototip/close_hover_red.gif);}
.prototip .pre .title { }
.prototip .pre .content {  }
.prototip .pre * { display:block;visibility: visible; }

.pre { 
    position: absolute;
    padding: 0px 10px 37px 10px;
    width: 360px;
    _height: 40px;
    color: rgb(227,227,227);
    font-family: Tahoma;
    font-size: 10px;
    background: transparent url(/images/popup/pop-up.png) no-repeat 10px bottom;
    /*behavior: url(/scripts/iepngfix/iepngfix.htc);*/
}
.pre .toolbar { 
    position: relative;
    padding: 0px;
    width: 100%;
    height: 40px;
    min-height: 40px;
    background: transparent url(/images/popup/pop-up.png) no-repeat 0 0;
    /*behavior: url(/scripts/iepngfix/iepngfix.htc);*/
}
.pre .toolbar a.close:hover { background: url(/images/prototip/close_hover_red.gif);}
.pre .title { 
    float:left;
    margin: 8px 0px 0px 8px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 40px;
    min-height: 40px;
    font-family: Tahoma;  
    font-size: 12px;
    font-weight: bold;
    color:rgb(255,255,255);
}
.pre .content { 
    position: relative;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 15px;
    height: 100%;
    background-color: transparent;
    color: rgb(84,84,84);
    z-index: 10;
}

.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; }