/*body { 		background-image:url(/skins/default/imgs/bg.gif); color:#000000; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:12px;
			margin:0; text-decoration:none; text-align:center; margin-bottom:20px; }
*/
#site { 	background:#fff; width:980px; padding-bottom:2px; margin:auto;  }

#top { 		height:118px; background:url(/skins/default/imgs/commercial_promo_testimonials.gif) no-repeat scroll top right; position:relative;  }

#logo { 	display:block; float:left; border:0; }

#promo { 	position:absolute; margin-left:560px; margin-top:30px; width:220px; height:25px; }
#promo:hover { cursor:pointer; }

#nav { 		clear:both; position:absolute; bottom:-3px; right:2px; }
#nav a { 	}
#nav img { 	border:0; display:inline; }

#btn_livedemo { margin-right:6px; }

#btn_return { 	margin:0 20px 10px 0; }

#middle { 	border:1px solid black; margin:1px 2px 2px 2px; padding:20px 9px; text-align:center; }

#interface { 		margin:0 auto; background:#fff; }
#interface_left {	float:left; width:550px; overflow:hidden; background:gray; }
#interface_right { 	float:left; width:280px; overflow:hidden; height:515px; background:#c8c8c8; }
#video_title { 		height:58px; background:url(/skins/default/imgs/video_tile_bg.gif) no-repeat; text-align:left; }
#video_title div { 	font:bold 18pt arial; letter-spacing:-1px; color:white; float:left; margin:18px; }
#video { 			width:550px; height:457px; background:#000; }
#playlist { 		width:280px; height:545px; background:url(/skins/default/imgs/playlist_bg.gif) no-repeat; }
#playlist .playall {color:transparent; }
#play_btn { 		width:280px; height:43px; background:url(/skins/default/imgs/btn_pause.gif) no-repeat; display:block; }
#play_btn:hover {	background:url(/skins/default/imgs/btn_pause_highlight.gif) no-repeat; }
.play { 			background:url(/skins/default/imgs/btn_pause.gif) no-repeat; }
.play.pause { 		background:url(/skins/default/imgs/btn_paused.gif) no-repeat !important; }

.clip { 							width:316px; height:24px; font:8pt arial; background:none; }
.clip .border { 					height:24px; border-bottom:1px dashed #c0c0c0; margin:0 5px 0 15px; }
.clip .border .content { 			padding-top:6px; text-align:left; color:#717171; float:left; width:220px; overflow:hidden; white-space:nowrap; }
.clip .border .timestamp { 			float:right; height:12px; font:bold 7pt arial; color:white;  }
.clip .border .timestamp.left { 	background:url(/skins/default/imgs/timestamp_gray_left.gif) no-repeat; width:3px; height:12px; margin-top:7px; float:left; }
.clip .border .timestamp.right { 	padding-right:3px; padding-top:1px; margin-top:7px; background:url(/skins/default/imgs/timestamp_gray_right.gif) no-repeat scroll top right; float:left;}

.clip:hover { 						background:url(/skins/default/imgs/btn_highlight.gif); }
.clip.highlight .border { 			border-bottom:0; }
.clip.highlight { 					background:url(/skins/default/imgs/btn_clip_green.gif) no-repeat; background-attachment:scroll; background-position:1 0;  }
.clip.highlight a { 				font-weight:bold; color:white !important; }
.clip.highlight a:hover { 			background:none; }
.clip.highlight .border .timestamp.left { 	background:url(/skins/default/imgs/timestamp_green_left.gif) no-repeat; }
.clip.highlight .border .timestamp.right { 	background:url(/skins/default/imgs/timestamp_green_right.gif) no-repeat scroll top right; }

#playlist a { 	border:0; text-decoration:none; color:#717171; }

#btn_bar {		border:1px solid #fff; margin-left:1px; }
#btn_bar img { 	border:0; float:left;  }



.clear { 		clear:both; height:0; font-size:0; }

/* registration form */

#registration { padding-left:200px; text-align:left; }
#registration div { font:9pt arial; }
#reg_intro { font:11pt arial !important; margin-bottom:18px !important; }

/* #email_caption, #fname_caption, #occupation_caption {font:8pt arial !important; } */
/* #reg_form div { font:9pt arial !important; } */
.hd { display:none; }
#submit_caption { display:none; }
.SubmitButton { width:auto; font:bold 9pt arial }
.FieldCaption { padding-top:5px; }