#evaluation_background { position: fixed;  left: 0px;  top: 50px;  right:0px; bottom:0px; z-index: 96;  width: 100%; height: 100%; }

#evaluation_container { position: fixed; left: 0px;  top: 50px; bottom:0px; right:0px; z-index: 97; width: 100%; height: 100%; }

#evaluation_container_notes { position: absolute; left: 0px; top: 0px; z-index: 99; width: 100%; height: 100%; visibility: hidden; }

#evaluation_container_page { }

#evaluation_preview {
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	text-align:center;
	font-weight:bold;
	padding-bottom:.5em;
}
	#evaluation_preview p {
		background:#fff;
		opacity:0.9;
		width:40%;
		margin:0 auto;
		padding:.5em 1em;
		color:#dc4e01;
	}

.evaluation_dot { z-index:97; width:39px; height:39px; position:absolute; overflow:visible; }
.evaluation_handle { z-index:99; width:39px; height:39px; cursor:move; color:#fff; font-weight:bold; line-height:32px; text-align:center; font-size:14px; padding-left:1px; padding-top:2px; position:absolute; }
.evaluation_textarea { position:absolute; left:44px; padding-top:4px; top:0; z-index:99; width:200px; }
.evaluation_add_note { position:absolute; left:25px; top:0px; z-index:98; background:url(/gfx/rate/add_note.png) 0 0 no-repeat; width:71px; height:41px; cursor:pointer; overflow:visible; }

.evaluation_note_title { display: block;  margin: 0px;  padding: 0px;  color:#fff; font-size: 11px; font-weight: bold;  height: 15px;  width: 100px;  background-color: #343434;  text-align: left; line-height: normal;}
.evaluation_note_title a {  position: absolute; right: 2px; top: 0px; width: 12px; height: 12px;  text-align: center; line-height: 12px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #00D2E8; background: none;  text-decoration: none;  padding: 0px; margin: 0px; }
.evaluation_note_title a:hover { background: none; color: #00A9C5; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }

.evaluation_dot .tooltip { color: #3b3b3b; display: block; font-size: 11px; position: absolute; bottom:-40px; width:200px; }
	.evaluation_dot .tooltip span { background: url(/gfx/rate/bg_tooltip.png) no-repeat center left; display: block; float: left; height: 40px; line-height: 40px; }
	.evaluation_dot .tooltip em { font-style: normal; font-weight: bold; }
	.evaluation_dot .tooltip span.l { padding-left: 15px; }
	.evaluation_dot .tooltip span.r { background: url(/gfx/rate/bg_tooltip.png) no-repeat center right; width: 15px; }

#evaluation_introduction { background: url(/gfx/bg_landing_100.png) repeat-x top left; font-size: 1.2em; left: 0; min-height: 100%; width: 100%; position: fixed; top:0; z-index: 9999;	}
	#evaluation_introduction fieldset { background: white; border: solid 5px #cecccd; color: #989898; display: block; margin-left: 15%; margin-right: 15%; margin-top: 10%; margin-bottom: 1.5em; padding: 1em; width: 650px; }
	#evaluation_introduction fieldset h1 { color: #515151; font-size:1.4em;  font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0; margin-top: 10px; padding: 0; line-height: normal; }
	#evaluation_introduction fieldset em { font-size:.8em; font-weight: normal; display: block; margin-top: .5em; }
	#evaluation_introduction fieldset p { margin-top: 20px; margin-bottom: 20px; }
	#evaluation_introduction fieldset dt { margin-top: 10px; margin-bottom: 5px; }
	#evaluation_introduction fieldset dd { color: #505050; font-size: 1.5em; }
	
	#evaluation_introduction a { background: #dc4e01; color: white; font-weight: bold; padding: .15em; text-decoration: none; }
	#evaluation_introduction a:hover { background: #c54500; } 
	#evaluation_introduction form { font-size:1em; font-weight:normal; }
	#evaluation_introduction span.usage { position:relative;  margin: 0px; margin-top: 20px;  margin-bottom: 20px;  display: block; font-size:1.5em; font-weight: normal; }

	#evaluation_introduction h2,
	#evaluation_introduction #task_introduction,
	#evaluation_introduction h1 a {	background: none; color: #515151; }
	#evaluation_introduction h1 a:hover { background: none; color: #515151; }
	
	#evaluation_introduction .start { background: white; display: block; padding: 0; margin: 1em 0 0 0; min-height: 2em; }
	#evaluation_introduction .start_title { font-size: 1.2em; padding-top: 10px; }
	#evaluation_introduction .button_small { background: url(/gfx/button_small_bg.png) left top no-repeat; color: white; cursor: pointer; float: left; font-weight: bold; font-size: 12px; line-height: 30px; margin: .2em 1em 0 0; padding: 5px 0 5px 10px; text-decoration: none; }
	#evaluation_introduction .button_small * { background: url(/gfx/button_small_bg.png) right -5px no-repeat; float: left; padding-right: 10px; }
	#evaluation_introduction .button_small:hover { background-position: left -60px; color: White; text-decoration: none; }
	#evaluation_introduction .button_small:hover * { background-position: right -65px; color: White; text-decoration: none; }

#evaluation_screenshot img { vertical-align:top; margin-top:52px; }

#toolbar { border: 0 0 3px 0 solid white; background: url(/gfx/rate/bg_toolbar.png) repeat-x scroll 0 0; color:#FFFFFF; display:block;	font-family: Arial, helvetica, sans-serif; height:52px; overflow:hidden; position:fixed; text-align:left; text-decoration:none; width:100%; z-index:8888; }
	#toolbar #task { display: block; float: left; }
		#toolbar #task #task_label { display: block; float: left; font-size: 11px; font-weight: bold; line-height: 30px; margin: 10px 0 0 10px; }
		#toolbar #task h1 { background: url(/gfx/rate/bg_task.png) left top no-repeat; color: #3b3b3b; display: block; float: left; font-size: 14px; font-weight: bold; height: 30px; line-height: 14px; margin: 10px 0 0 5px; max-width: 800px; padding: 7px 0 0 5px; }
		#toolbar #task #bg_right { background: url(/gfx/rate/bg_task.png) right center no-repeat; display: block; float: left; height: 30px; margin: 10px 0 0 0; width: 5px; } 
		
	#toolbar a#button { color: #dc4e01; display: block; float: left; font-size: 18px; font-weight: bold; line-height: 34px; margin: 7px 0 0 10px; text-decoration: none; }
		#toolbar #button .l { background: url(/gfx/rate/bg_button.png) left top no-repeat; display: block; float: left; height: 36px; padding-left: 20px; }
		#toolbar #button .r { background: url(/gfx/rate/bg_button.png) right top no-repeat; display: block; float: left; height: 36px; width: 20px; }
	#toolbar a#button:hover { color: #fb5800; }
		#toolbar a#button:hover .l { background-position: left -40px; }
		#toolbar a#button:hover .r { background-position: right -40px; }
	#toolbar #progress { display: block; float: left; height: 36px; margin: 7px 0 0 10px; padding-top: 11px; }
		#toolbar #progress #progress_label { display: block; float: left; font-size: 11px; font-weight: bold; line-height: 30px; margin: 10px 0 0 10px; }
		#toolbar #progress em.i, #toolbar #progress span.i { background: url(/gfx/rate/progress.png) top center; display: block; float: left; height: 14px; text-indent: -9999px; width: 14px; }
		#toolbar #progress em.i { background-position: left -15px; font-weight: bold; }
		
	#toolbar #credit { display: block; float: right; height: 30px; line-height: 27px; margin: 8px 10px 0 0; }
		#toolbar #credit #credit_label { display: block; float: left; line-height: 15px; margin: 12px 4px 0 0; }
		#toolbar #credit #logo { background: url(/gfx/rate/logo.png) 0 0 no-repeat; display: block; float: left; height: 27px; text-indent: -9999px; width: 54px; }
	
	#toolbar #maximum { color: #3b3b3b; font-weight: bold; float: left; line-height: 36px; margin: 7px 0 0 15px; }

/* LANDING PAGE STYLES */
#landing { background: url(/gfx/bg_landing.png) repeat-x top left; font-size: 1.2em; min-height: 100%; width: 100%; position: absolute; overflow: auto; }
	#landing fieldset { background: white; border: solid 5px #cecccd; color: #989898; display: block; margin-left: auto; margin-right: auto; margin-top: 1.5em; margin-bottom: 1.5em; padding: 1em; width: 900px; }
	#landing h1 { color: #545454; font-size: 1.5em; font-weight: bold; letter-spacing: -1px; }
	#landing p { margin: .5em 0 .5em 0; }
	#landing p.start { margin-top: 2em; clear: both; }
	#landing em { color: #868686; font-weight: bold;}
	#landing a { background: #dc4e01; color: white; font-weight: bold; padding: .15em; text-decoration: none; }
	#landing a:hover { background: #c54500; } 

	#landing #thumbs { float: left; clear: both; width: 100%; margin-bottom: 2em; margin-top: 1em; }
	#landing #thumbs .sh { background: #fff; border: 1px solid #cecccd; float: left; height: 120px; margin-right: .5em; margin-bottom: .5em; overflow: hidden; width: 150px; }
	#landing #thumbs .sh img { width:150px; }