/*
  Blackbird - Open Source JavaScript Logging Utility
  Author: G Scott Olson
  Web: http://blackbirdjs.googlecode.com/
       http://www.gscottolson.com/blackbirdjs/
  Version: 1.0

  The MIT License - Copyright (c) 2008 Blackbird Project
*/
#blackbird,
#blackbird div,
#blackbird iframe {
	margin: 0;
	padding: 0;
}
#blackbird {
	position: fixed;
	font: 11px/1.3 Consolas, 'Lucida Console', Monaco, monospace;
	z-index: 100000000;
	_position: absolute;
}
#bbShim {
	display: block;
	position: absolute;
	z-index: 99999999;
	_opacity: filter:Alpha(Opacity='0');
}
#blackbird.bbSmall #bbShim {
	width: 300px;
	_width: 272px;
	_height: 262px;
}
#blackbird.bbLarge #bbShim {
	width: 500px;
	_width: 472px;
	_height: 562px;
}
#bbInner {
	position: absolute;
	z-index: 100000000;
	_border: 2px solid #bbb;
}
#blackbird.bbSmall #bbInner {
	width: 296px;
	_width: 268px;
}
#blackbird.bbLarge #bbInner {
	width: 496px;
	_width: 468px;
}



/*IE 6-8 styles*/
.bbTopLeft {
	top: expression( eval( (document.documentElement && document.documentElement.scrollTop > 0 ? document.documentElement.scrollTop : document.body.scrollTop) + 8) );
	left: expression( eval( (document.documentElement && document.documentElement.scrollLeft > 0  ? document.documentElement.scrollLeft : document.body.scrollLeft) + 8) );
	bottom: auto;
	right: auto;
}
.bbTopRight {
	top: expression( eval( (document.documentElement && document.documentElement.scrollTop > 0 ? document.documentElement.scrollTop : document.body.scrollTop) + 8 ) );
	left: expression( eval( (document.documentElement && document.documentElement.scrollLeft > 0  ? document.documentElement.scrollLeft : document.body.scrollLeft) + (document.documentElement && document.documentElement.clientWidth > 0 ? document.documentElement.clientWidth : document.body.clientWidth) - document.getElementById('bbInner').offsetWidth - 8) );
	bottom: auto;
	right: auto;
}
.bbBottomLeft {
	top: expression( eval( (document.documentElement && document.documentElement.scrollTop > 0 ? document.documentElement.scrollTop : document.body.scrollTop) + (document.documentElement && document.documentElement.clientHeight > 0 ? document.documentElement.clientHeight : document.body.clientHeight) - document.getElementById('bbInner').offsetHeight - 8) );
	left: expression( eval( (document.documentElement && document.documentElement.scrollLeft > 0  ? document.documentElement.scrollLeft : document.body.scrollLeft) + 8) );
	bottom: auto;
	right: auto;
}
.bbBottomRight {
	top: expression( eval( (document.documentElement && document.documentElement.scrollTop > 0 ? document.documentElement.scrollTop : document.body.scrollTop) + (document.documentElement && document.documentElement.clientHeight > 0 ? document.documentElement.clientHeight : document.body.clientHeight) - document.getElementById('bbInner').offsetHeight - 8) );
	left: expression( eval( (document.documentElement && document.documentElement.scrollLeft > 0  ? document.documentElement.scrollLeft : document.body.scrollLeft) + (document.documentElement && document.documentElement.clientWidth > 0  ? document.documentElement.clientWidth : document.body.clientWidth) - document.getElementById('bbInner').offsetWidth - 8) );
	bottom: auto;
	right: auto;
}

/* styles for all other modern browsers */
html:not([dummy]) #blackbird.bbTopLeft {
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
}
html:not([dummy]) #blackbird.bbTopRight {
	top: 0;
	left: auto;
	bottom: auto;
	right: 0;
}
html:not([dummy]) #blackbird.bbBottomLeft  {
	top: auto;
	left: 0;
	bottom: 0;
	right: auto;
}
html:not([dummy]) #blackbird.bbBottomRight {
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
}


#blackbird.bbSmall { height: 300px; width:300px; _width:272px; }
  #blackbird.bbSmall .header { _width:268px; }
  #blackbird.bbSmall .header div.left, #blackbird.bbSmall .footer div.left   { width:150px; }
  #blackbird.bbSmall .main { _width:268px; }
  #blackbird.bbSmall .main div { height:200px; }
  #blackbird.bbSmall .main div.mainBody { width:268px; }
  #blackbird.bbSmall .footer { _width:268px; }

#blackbird.bbLarge { height: 600px; width:500px; _width:468px; }
  #blackbird.bbLarge .header { _width:468px; }
  #blackbird.bbLarge .header div.left, #blackbird.bbLarge .footer div.left { width:350px; }
  #blackbird.bbLarge .main { _width:468px; }
  #blackbird.bbLarge .main div { height:500px; }
  #blackbird.bbLarge .main div.mainBody { width:468px; }
  #blackbird.bbLarge .footer { _width:468px; }

#blackbird .header span { position:relative; width:16px; height:16px; margin:0 4px; float:left; background-image:url(blackbird_icons.OHMOD.png); background-repeat:no-repeat; }
	#blackbird .header span.error           { background-position: 0 0; }
	#blackbird .header span.errorDisabled   { background-position: -16px 0; }
	#blackbird .header span.warn            { background-position: 0 -16px; }
	#blackbird .header span.warnDisabled    { background-position: -16px -16px; }
	#blackbird .header span.info            { background-position: 0 -32px; }
	#blackbird .header span.infoDisabled    { background-position: -16px -32px; }
	#blackbird .header span.debug           { background-position: 0 -48px; }
	#blackbird .header span.debugDisabled   { background-position: -16px -48px; }
	#blackbird .header span.profile         { background-position: 0 -64px; }
	#blackbird .header span.profileDisabled { background-position: -16px -64px; }
	#blackbird .header span.close           { background-position: 0 -80px; }
	#blackbird .header span.clearLog		{ background-position: -16px -80px; }
	#blackbird .header span.small           { background-position: 0 -96px; }
	#blackbird .header span.large           { background-position: -16px -96px; }
	#blackbird .header span.pause			{ background-position: 0 -112px; }
	#blackbird .header span.resume			{ background-position: -16px -112px; }

#blackbird .header > div, #blackbird .main > div, #blackbird .footer > div { background-image:url(blackbird_panel.OHMOD.png); background-repeat:no-repeat; }
	
#blackbird .header div { float:left; _background-color:#000; }
	#blackbird .header div.left { background-position:top left; height:40px; _height:16px; }
		#blackbird .header .left div.filters { margin-left: -4px; padding:16px 0 0 19px; float:left; _padding:6px 8px; }
	#blackbird .header div.right { background-position:top right; height:40px; width:146px; _width:118px; _height:16px; }
		#blackbird .header .right div.controls { padding:16px 24px 0 0; float:right; _padding:6px 8px; }
		#blackbird .header .right .controls span { margin:0; }
		#blackbird .header .right .controls span.clearLog { margin-right:8px; }

#blackbird .main div { float:left; }
	#blackbird .main div.left { background-position:0 -30px; width:11px; _width:0; }
	#blackbird .main div.mainBody { background-position:40% -40px; _background-color:#000; _filter:alpha(opacity='93'); }
		#blackbird .main .mainBody ol { line-height: 1.45; overflow:auto; width:100%; list-style-type:none; margin:0; padding:0; }
			#blackbird.bbSmall .main .mainBody ol { height:200px; }
			#blackbird.bbLarge .main .mainBody ol { height: 500px; }
		#blackbird .main .mainBody ol li { padding:1px 4px 1px 30px; border-bottom: 1px solid #333; color:#ccc; margin: 2px 2px; _text-indent: -2px; list-style-type:none; text-align:left;}
		  #blackbird .main .mainBody ol li span { background:url(blackbird_icons.OHMOD.png) no-repeat 0 0; border: 1px solid #333; height:16px; width:16px; display:block; float:left; margin: -2px 0 1px -25px; _display:inline; }
		
#blackbird .main .mainBody ol li.error span   { background-position:0 0; }
#blackbird .main .mainBody ol li.warn span    { background-position:0 -16px; }
#blackbird .main .mainBody ol li.info span    { background-position:0 -32px; }
#blackbird .main .mainBody ol li.debug span   { background-position:0 -48px; }
#blackbird .main .mainBody ol li.profile span { background-position:0 -64px; }

#blackbird .main .mainBody ol li.profile { color:#ddd; font-style:italic; }
			
#blackbird .errorHidden li.error,	#blackbird .warnHidden li.warn,	#blackbird .infoHidden li.info,	#blackbird .debugHidden li.debug,	#blackbird .profileHidden li.profile { display:none; }

#blackbird .main div.right { background:url(blackbird_panel.OHMOD.png) no-repeat 100% -30px; width:17px; _width:0; }

#blackbird .footer div { height:50px; float:left; _background-color:#000; _height:30px; }
#blackbird .footer div.left { background-position:bottom left; _width:100%  !important; }
  #blackbird .footer div.left label { display:block;color:#bbb;margin:8px 0 0 16px; position:relative; font-family:Arial,sans-serif; _margin:4px 0 0 8px;}
    #blackbird .footer div.left label input { padding:0;vertical-align:middle; }
#blackbird .footer div.right { background-position:bottom right; width:146px; _width:0; }