/**
* IE6 HACK 
* -------------------------------------------------------------------------------------------------------------
* 
* first, set a fixed background on the HTML element. this prevents the beta bar from flickering while scrolling... sort of.
* in many cases, it still flickers, but a lot less.
* 
* more info: http://annevankesteren.nl/2005/01/position-fixed-in-ie
*
*/ 

/* using the '*' hack, we can target IE6.... */
/** html {
	background:url(images/blank.gif) center center fixed;
}*/

/** 
*  In IE6, set the beta bar to an absolute position. The coordinates (top + left) are updated when the window is scrolled 
*  via Javascript -- this simulates position:fixed.
*
*  more info: http://www.howtocreate.co.uk/fixedPosition.html
*
*/

* html #dr_betabar {
	position:absolute;
	float:left;
}

/* now, using parent > child selectors, tell standard-compliant browsers what we really want to do... */
body > #dr_betabar, body > #dr_betabar_slideto {
	position:fixed;
}

/* 
* END IE6 HACK
* -------------------------------------------------------------------------------------------------------------*/
#dr_betabar strong { font-weight:bold }

#dr_betabar, #dr_betabar_slideto {
	right:0px;
	top:15%;
	z-index: 100001;
	overflow:visible;
	text-align:left;
}

	#dr_betabar_tab {
		position:absolute;
		top:0;
		left:-50px;
		height:213px;
		width:50px;
		margin-top:56px;
	}
	
		#dr_betabar_tab div {
			background:url(images/tabs.png);
			width:50px;
			height:213px;
			
			/* ie6 png fix */
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/tabs.png', sizingMethod='crop');
			_background-image:none;		
		}
	
		/* onhover */
		#dr_betabar_tab div.hover {
			background-position:-50px 0;
			
			/* ie6 png fix */
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/tab-ie6-hover.png', sizingMethod='crop');
			_background-image:none;
		}
	
	#dr_betabar.expand #dr_betabar_tab div {
		background-position:-100px 0;
		
		/* ie6 fix */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/tab-ie6-close.png', sizingMethod='crop');
		_background-image:none;				
	}
	
		#dr_betabar_tab a {
			text-indent:-3000px;
			display:block;
			height:213px;
			position:relative;
			width:50px;
			z-index:100002;
		}


#dr_betabar form, #dr_betabar_content {
	width:270px;
	margin:0;
	padding:0;
	position:relative;
}
	
	#dr_betabar_errors {
		background:#fff;
		position:relative;
		zoom:1;
		border-top:10px solid #fff;
	}
		#dr_betabar_errors ul {
			margin:0 10px 0 10px;
			background:#fff;
			border:1px solid red;
		}
			#dr_betabar_errors ul li {
				font-weight:bold;
				color:#cc0000;
				line-height:15px;
				margin:5px;
			}
				
	#dr_betabar_head {
		background-image:url(images/widget_top.png);
		border-bottom:1px solid #cecece;
		width:270px;
		margin-top:55px;
		
		/* ie6 png fix */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/widget_top.png', sizingMethod='crop');
		_background-image:none;
		zoom:1; /* sets hasLayout for ie6 */
	}
		#dr_betabar_head h3 {
			font-size:1.4em;
			margin:0 0 10px 0;
			padding:0;
			font-weight:bold;
			line-height:1.3em;
			color:#000;
		}
		
		#dr_betabar_head p { color:#333 }

		#dr_betabar_step1_head, #dr_betabar_step2_head {
			padding:23px 15px 15px 15px;	
		}

		#dr_betabar_step1_icon, #dr_betabar_step2_icon {
			float:right;
			position: relative;
		}

		#dr_betabar_step1_icon {
			width:141px;
			height:116px;
			background:url(images/comment-bubbles.png);
			
			margin-top:-75px;
			margin-left:-30px;
			margin-right:-5px;
			
			/* ie6 png fix */
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/comment-bubbles.png', sizingMethod='crop');
			_background-image:none;		
		}
		
		#dr_betabar_step2_head {
			font-size:1.3em;
		}
			#dr_betabar_step2_head h3 {
				font-weight:normal;
				color:#333;
				padding-top:7px;
				margin-bottom:0;
			}
			
			#dr_betabar_step2_icon {
				width:68px;
				height:68px;
				background:url(images/success-check.png) no-repeat center center;
				margin-top:-35px;
				
				
				/* ie6 png fix */
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/success-check.png', sizingMethod='crop');
				_background-image:none;
			}
			
	#dr_betabar_step1_content {
		background:#fff;
		padding:15px 15px 0 25px;
		width:230px;
		position:relative;
		float:left;
	}
	
	#dr_betabar_step2_content {
		background:#fff;
		width:240px;
		padding:0 15px 0 15px;
		position:relative;
		float:left;
	}
	
		#dr_betabar_content div.row {
			padding:0 0 10px 0;
			width:230px;
			position:relative; /* fixes an issue in IE with PNG alpha transparency */
		}
			
			#dr_betabar_step2_content div.row {
				padding:0 0 10px 10px;
				margin:20px 0 10px 0;
			}
			
		#dr_betabar_content div.row label {
			font-weight:bold;
			color:#0a4056;
			display:block;
			padding:0 0 8px 0;
			font-size:1.2em;
			position:relative;
			zoom:1; /* solves another, lovely hasLayout issue in IE6 */
			margin-left:-10px;
		}
			#dr_betabar_content div.row label.comments {
				float:left;
			}
			
			#dr_betabar_content div.row span#dr_betabar_char_count {
				float:right;
				color:#666;
			}
			
			#dr_betabar_content div.row span#dr_betabar_char_count.error {
				font-weight:bold;
				color:#990000;
			}
			
		#dr_betabar_step1_content textarea {
			font-family: Arial,Helvetica,sans-serif;
			font-size:1em;
			width:220px;
		}
	
		#dr_betabar_step1_content textarea.inactive,
		#dr_betabar_step2_content input.inactive {
			color:#666;
		}
	
		/**
		* star ratings
		*/
		
		ul#dr_betabar_ratings {
			background:url(images/stars.png) bottom;
			height:21px;
			width:115px;
			overflow:hidden;
			position:relative;
			float:left;
		}
			ul#dr_betabar_ratings li {
				display:inline;
			}
			
			ul#dr_betabar_ratings li a {
				display:block;
				width:23px;
				height:21px;
				float:left;
				text-indent:-9999px;
				position:relative;
			}
			
			ul#dr_betabar_ratings li a.hover {
				background:url(images/stars.png) center;
				width:115px;
				margin-left:-92px;
				position:static;
			}
		
			ul#dr_betabar_ratings li a.active {
				background:url(images/stars.png);
				background-position:top;
				position:static;
				width:115px;
				margin-left:-92px;
			}
		
		#dr_betabar_rating_legend {
			float:left;
			clear:right;
			width:99px;
			color:#666;
			height:3em;
			margin:3px 0 0 6px;
		}
			
		#dr_betabar_sendbtn {
			margin:0 10px 0 -10px;
			float:left;
		}
		
		#dr_betabar_finishbtn {
			margin:0 10px 0 0px;
			float:left;
		}
		
		#dr_betabar_loading_step1, #dr_betabar_loading_step2 {
			background:url(images/loading.gif) left center no-repeat;
			height:31px;
			width:100px;
			margin:0 0 0 10px;
			float:left;
			padding-left:25px;
			font-weight:bold;
			color:#333;
			line-height:31px;
		}
			#dr_betabar_loading_step2.finished {
				background:url(images/success-check-small.png) left center no-repeat;
			}
			
	#dr_betabar_step2_content p {
		width:240px;
		padding-top:10px;
	}
		* html #dr_betabar_step2_content p {
			/* IE6 renders this paragraph awkwardly, but it's hit or miss -- this seems to fix it */
			padding:0px;
			margin-top:10px;		
		}
		
	#dr_betabar_step2_content input {
		width:220px;
	}
	
	#dr_betabar_bottom_corner {
		/**
		* because IE6 doesn't support 24-bit transparency natively and the IE6 PNG hack
		* doesn't support background positioning, we're forced to add an extraneous
		* element to bottom of the widget to complete the "rounded corner" effect
		*
		*/
		
		height:15px;
		background:url(images/widget_bottom.png);

		/* ie6 png fix */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/widget_bottom.png', sizingMethod='crop');
		_background-image:none;			
	}
			
#dr_betabar_overlay {
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	background:#000;
	height:100%;
	width:100%;
}

#dr_betabar_overlay[id]{
	position:fixed;
	width:100%;
	height:100%;
}