h2 {clear:both;}

#uriColumn1 {float:left; margin:0 20px 20px 0; padding-left:0; width:455px;}
#uriColumn2 {float:left; margin:0; padding-left:0; width:480px;}
#altDemo {padding:15px; border:1px solid #ddd; background:#fcfcfc;}
#altDemo p {margin:0 0 15px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#777; font-size:11px;}
.uriList {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#777;}
.uriList li {font-size:11px;}
ul.active li {display:block; height:20px;}
.active span {display:block; float:left; cursor:help;}

.legend {float:right; border:3px double #ccc; background:#fcfcfc; padding:0 15px;; margin:0 0 15px 15px;}
.legend h3 {margin-top:10px;}
.legend ul {padding-left:0; margin-left:25px;}
.legend li {line-height:1.5em;}

.protocol {color:#083; font-weight:bold;}
.authority {border:1px solid #4aaae3; margin-right:1px;}
	.userInfo {background:#e3eef7;}
		.user {color:#0432db; font-weight:bold;}
		.password {color:#008cff; font-weight:bold;}
	.host {color:#7310a1; font-weight:bold;}
	.port {color:#b67bd2; font-weight:bold;}
.relative {border:1px solid #ed7d7d;}
	.path {background:#fae7e7;}
		.directory {color:#bb221a; font-weight:bold;}
		.file {color:#f03; font-weight:bold;}
	.query {color:#ff5f5f; font-weight:bold;}
	.anchor {color:#ffb414; font-weight:bold;}

.active span span:hover {font-size:90%;}
.active span span:hover span {font-size:100%;}

.active .protocol:hover,
.active .authority:hover,
.active .relative:hover
{color:#fff; background:#c00; padding:2px; border:0;}

.active .protocol:hover span,
.active .authority:hover span,
.active .relative:hover span
{color:#fff; background:#c00;}

.active .userInfo:hover,
.active .host:hover,
.active .port:hover,
.active .path:hover,
.active .query:hover,
.active .anchor:hover
{color:#c00 !important; background:#ff0 !important; padding:2px;}

.active .userInfo:hover span,
.active .host:hover span,
.active .port:hover span,
.active .path:hover span,
.active .query:hover span,
.active .anchor:hover span
{color:#c00; background:#ff0;}

.active .user:hover,
.active .password:hover,
.active .directory:hover,
.active .file:hover
{color:#fff !important; background:#e00 !important;}